/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 17 2025 | 07:02:58 */
/* ◆補足事項
** 以下、場合によりプロパティ値を独自のクラスにコピペ推奨
** 臨機応変に対応、お願い致します
*++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* 要素 - element
-------------------------------------------------- */
body { overflow-x: hidden; }

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

/* ◆補足事項
** 場合によりコメントアウト推奨
** 要素直接はサイトのデザイン次第で変更お願いします。
*++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* 画面幅 - MonitorWidth
-------------------------------------------------- */
.es-container {
	width: clamp( 768px, 90%, 1600px );
	max-width: initial;
}

@media ( max-width: 480px ) {
	.es-container { width: 100%; }
}

/* ◆補足事項
** 画面幅設定の解除(内側で細かく設定したい時にON)
** ※そのサイト全体に影響します
** TOPのみ反映したい場合は「body.[クラス名]を付与して下さい。
** 例) body.[対象ページのクラス] .es-container {...}
** clamp( 最小幅, 推奨幅, 最大幅 ) になっているので調整
*++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* 共通 - common
-------------------------------------------------- */
.rtc_sp { display: none; }
.rtc_cover_auto { min-height: auto; }


/* 背景系 - background
-------------------------------------------------- */
.rtc_bg_stripe_left > span {
	background-image: repeating-linear-gradient( -45deg, rgba( 255, 255, 255, .3 ), rgba( 255, 255, 255, .3 ) 1px, rgba( 255, 255, 255, 0 ) 0, rgba( 255, 255, 255, 0 ) 11px );
}
.rtc_bg_stripe_right {
	background-image: repeating-linear-gradient( 45deg, rgba( 255, 255, 255, 1 ), rgba( 255, 255, 255, 1 ) 1px, rgba( 255, 255, 255, 0 ) 0, rgba( 255, 255, 255, 0 ) 11px );
}

/* ◆補足事項
** カスタムブロック[カバー]につける際は「span」を追加してください。
** 例).rtc_bg_stripe_left > span { ... }
** その時に応じて変更をお願い致します。
*++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* .es_new_block .es-list .wp-block-column {
background-color: #fff;
} */

/* ◆補足事項
** 物件リストの背景色を変更する場合
** コメントを外すと適応（※全体にかかるので、特定のみの場合は先頭にクラス付与）
*++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* フォント - font
-------------------------------------------------- */
.rtc_faw_icon_bf::before { /* 文頭 */
	content: '\f35a';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
.rtc_faw_icon_af::after { /* 文末 */
	content: '\f35a';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

/* ◆補足事項
** FontAwsomeのCDNを読込前提(※Verが更新頻繁なので都度確認する事)
** アイコンを変更の場合、content: '\f35a'; の箇所を変更or上書
** 後付のクラスで変更することを推奨
*++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* 画像 - img
-------------------------------------------------- */
.rtc_img_hover { /* ふわっと拡大 */
	overflow: hidden;
}
.rtc_img_hover img {
	transition: .5s all ease;
}
.rtc_img_hover:hover img {
	transform: scale( 1.1 );
}


/* ブロック - block
-------------------------------------------------- */
.rtc_block_half > * {
	width: 50%;
}
.rtc_block_three > * {
	width: 33%;
}

/* ◆補足事項
** カスタムHTMLのみにお使い下さい。
** 間隔が必要な場合は、少し調整して下さい。
*++++++++++++++++++++++++++++++++++++++++++++++++++ */

.rtc_block_full { /* 幅を画面最大に */
	margin-left: calc( -50vw + 50% );
	margin-right: calc( -50vw + 50% );

	/* 中身は幅を維持したい場合以下を追加 */
	padding-right: calc( 50vw - 50% );
	padding-left: calc( 50vw - 50% );
}

/* ◆補足事項
** 幅がはみ出すので、親要素に「overflow-x:hidden;」推奨
*++++++++++++++++++++++++++++++++++++++++++++++++++ */

.rtc_block_visible > .uagb-columns__inner-wrap > .wp-block-uagb-column {
	overflow: visible;
}

/* ◆補足事項
** デフォルトではみ出た部分を隠す[hidden]設定されているものを打消
*++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* テキスト系 - text
-------------------------------------------------- */
.rtc_text_first::first-letter { /* 一文字目のスタイル変更 */
	color: rgba( 237, 149, 160, 1 );
}

/* ◆補足事項
** 色、間隔、左右中央など、その時に応じて変更をお願い致します。
** 間隔 / letter-spacing: .1em;
*++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ナビ - nav
-------------------------------------------------- */
/* .header_free_content > .header_phone > .header_phone_shop_name,
.header_free_content > .header_phone > .icon-phone-alt,
.header_free_content > .header_phone > .header_phone_number {
font-size: 1rem;
}
.header_free_content > .header_phone > .header_phone_shop_name {
display: inline-block;
padding: 5px 20px;
min-width: 120px;
font-size: .8rem;
color: #fff;
border-radius: 50vh;
background-color: rgba( 123, 17, 15, 1 );
}
.header_free_content strong+.header_phone {
margin-top: 0;
} */

/* ◆補足事項
** ！RTCオリジナルクラスでは無い
** 電話番号が多い時用(コメントを外すと適応)
** その時に応じて変更をお願い致します。
*++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* タイトル - title
-------------------------------------------------- */
.rtc_title_dot { /* ドット */
	margin: 0 auto;
	padding: 5px;
	width: fit-content;
	border-bottom: 8px dotted rgba( 173, 150, 133, 1 );
}


.rtc_title_fukidashi { /* 吹出し */
	position: relative;
	margin: 0 10px;
	padding: 10px;
	color: #fff !important;
	background: rgba( 79, 128, 204, 1 );
	border-radius: 10px;
}
.rtc_title_fukidashi::before {
	position: absolute;
	content: '';
	display: block;
	width: 25px;
	height: 20px;
	left: 50%;
	transform: translateX( -50% );
	-webkit-transform: translateX( -50% );
	-ms-transform: translateX( -50% );
	bottom: -15px;
	background: rgba( 79, 128, 204, 1 );
	clip-path: polygon( 50% 100%, 0 0, 100% 0 );
}


.rtc_title_opacity { /* 裏側に大文字英字 */
	position: relative;
	font-weight: bold;
}
.rtc_title_opacity > span {
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	opacity: .4;
	z-index: 0;
	font-size: 3.6rem;
/* 	letter-spacing: .05em; */
}


.rtc_title_sideline { /* 横ライン(両側) */
	display: flex;
	align-items: center;
}
.rtc_title_sideline::before,
.rtc_title_sideline::after {
	content: '';
	flex-grow: 1;
	height: 2px;
	background: rgba( 221, 181, 122, 1 );
}
.rtc_title_sideline::before { margin-right: 20px; }
.rtc_title_sideline::after { margin-left: 20px; }


/* リスト - list
-------------------------------------------------- */
.rtc_list_counter { /* カウンタ自動付与 */
	counter-reset: number 0;
}
.rtc_list_counter > li::before {
	counter-increment: number 1;
	content: counter(number);
}

/* ◆補足事項
** ulはデフォルトでmarginやlist-styleが効いてるので場合により打消
*++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* トップ：お問合せ - top:contact
-------------------------------------------------- */
/* .top_company_info span[class^=icon-], .top_company_info .inquiry_column strong a {
	color: #357eba;
}
.top_company_info .inquiry_column .wp-block-button a {
	background: #357eba;
} */

/* ◆補足事項
** ！RTCオリジナルクラスでは無い
** color、background の色を変更
*++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ページ：共通 - page:common
-------------------------------------------------- */
.es-page-url1 .es-container.page-header, .es-page-url2 .es-container.page-header {
	display: none;
}

/* ◆補足事項
** url1,url2 の部分をパーマリンクに設定する事
** 例).es-page-company .es-container.page-header { ... }
*++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* スマホ版 - sp
-------------------------------------------------- */
@media ( max-width: 480px ) {

	/* 共通 - common
	-------------------------------------------------- */
	.rtc_pc { display: none; }
	.rtc_sp { display: block; }

	/* ◆補足事項
	** .rtc_sp はデフォルトは「block」
	** 「flex」等にしたい場合は工夫が必要です。
	*++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.rtc_forsp_flex_reverse .uagb-columns__inner-wrap { /* ★ SP時上下反転 */
		display: flex;
		flex-direction: column-reverse;
	}
	
	.rtc_title_opacity {
		font-size: 1rem !important;
	}
	.rtc_title_opacity::before {
		top: -80px;
	}
	.rtc_title_opacity > span {
		top: -35px;
		font-size: 2.4rem;
		white-space: nowrap;
	}


	/* ページ：共通 - page:common
	-------------------------------------------------- */
	.rtc_subvisual {
		min-height: auto;
	}
}



/* カスタムブロック：調整 - customBlock:setting
-------------------------------------------------- */
.rtc_recommend_center > .wp-block-columns {
	justify-content: center;
}
.rtc_recommend_center > .wp-block-columns::before, .rtc_recommend_center > .wp-block-columns::after {
	display: none;
}
.rtc_recommend_center > .wp-block-columns div:not(:last-child) {
	margin-right: 30px;
}

/* スマホ版 - sp
-------------------------------------------------- */
@media ( max-width: 480px ) {
	.rtc_recommend_center > .wp-block-columns {
		justify-content: space-between;
	}
	.rtc_recommend_center > .wp-block-columns div:not(:last-child) {
		margin-right: 0;
	}
}