/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 16 2025 | 00:07:42 */
/* 色と背景 - カスタムプロパティ
-------------------------------------------------- */
:root {
	--custom-main-color:  #003577;   /* メインカラー */
	--custom-sub-color1:  #10478C;                  /* サブカラー:普通 */
	--custom-sub-color2:  #F2F2F2; /* サブカラー:弱 */
	--custom-str-color:   #BA4B43;                  /* 強調色 */
	--custom-strbg-color: #FCEEE7;                  /* 強調背景色 */
	--custom-contact-btncolor: #B68D1E;             /* お問合せボタン色 */
}
/* * {
	font-weight: 600 !important;
} */
body, .es-separate-container {
	background: #FFFFFF;
}
body.home, .es-separate-container {
	background: #EDF1F5 !important;
}

a:hover {
	text-decoration: none !important;
}
.main-header-menu li:hover > a {
	color: #1A3389;
}

#masthead.fixed .header_links li > a {
	border-bottom: none !important;
}


/* 背景系 - background
-------------------------------------------------- */
.rtc_bg_stripe_left {
  background-image: repeating-linear-gradient( -45deg, rgba( 255, 255, 255, .5 ), rgba( 255, 255, 255, .5 ) 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, .5 ), rgba( 255, 255, 255, .5 ) 1px, rgba( 255, 255, 255, 0 ) 0, rgba( 255, 255, 255, 0 ) 11px );
}

.rtc_bg_cover_stripe_left > span {
  background-image: repeating-linear-gradient( -45deg, rgba( 255, 255, 255, .5 ), rgba( 255, 255, 255, .5 ) 1px, rgba( 255, 255, 255, 0 ) 0, rgba( 255, 255, 255, 0 ) 11px );
}
.rtc_bg_cover_stripe_right > span {
  background-image: repeating-linear-gradient( 45deg, rgba( 255, 255, 255, .5 ), rgba( 255, 255, 255, .5 ) 1px, rgba( 255, 255, 255, 0 ) 0, rgba( 255, 255, 255, 0 ) 11px );
}

.rtc_bg_dot {
	background-image: radial-gradient( rgba( 255, 255, 255, .3 ) 20%, transparent 20% );
	background-size: 10px 10px;
}

.rtc_bg_cover_dot > span {
	background-image: radial-gradient( rgba( 255, 255, 255, .3 ) 20%, transparent 20% );
	background-size: 10px 10px;
}

/* ◆補足事項
** カスタムブロック[カバー]につける際は、下の「rtc_bg_cover_stripe_left」を利用してください
** 線の色等は、調整お願いします
*++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* 画面幅 - MonitorWidth
-------------------------------------------------- */
body { overflow-x: hidden; }

.es-container {
	width: clamp( 768px, 1280px, 85% );
	max-width: initial;
}

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


/* 共通パーツ - parts
-------------------------------------------------- */
.rtc_title_sideline strong {
    display: flex;
    align-items: center;
}
.rtc_title_sideline strong::before,
.rtc_title_sideline strong::after {
	content: '';
	flex-grow: 1;
	min-width: 50px;
	height: 1px;
	background: #1a3389;
}
.rtc_title_sideline strong::before {
	margin-right: 50px;
}
.rtc_title_sideline strong::after {
	margin-left: 50px;
}

.rtc_border_bottom {
	padding-bottom: 8px;
	border-bottom: 1px solid #c3cbdf;
}

.rtc_clr_red { color: red; }


/* 基本設定 - Common
-------------------------------------------------- */
.rtc_bg_stripe_left > span {
	background-image: repeating-linear-gradient( -45deg, rgba( 255, 255, 255, .5 ), rgba( 255, 255, 255, .5 ) 1px, rgba( 255, 255, 255, 0 ) 0, rgba( 255, 255, 255, 0 ) 11px );
}

.rtc_bp_title {
	font-size: 14px !important;
	font-weight: bold;
	color: var( --custom-main-color ) !important
}
.rtc_bp_title > span {
	display: block;
	margin-bottom: 2px;
	font-size: 36px;
	color: #373737 !important;
	letter-spacing: 1px;
}
.rtc_bp_title_white, .rtc_bp_title_white > span { color: #fff !important; }

.rtc_bp01_btn a, .rtc_btn_recommend .wp-block-button__link {
	padding: 15px 100px !important;
/* 	background-color: rgba( 161, 54, 77, 1 ); */
}

.rtc_bp01_btn a,
a.wp-block-button__link {
	background-color: var( --custom-main-color );
}


/* ヘッダー - Header
-------------------------------------------------- */
#masthead .site-logo-img .custom-logo {
	max-width: 370px;
}
#masthead .es-container {
	width: 100%;
}
.rtc_header_ttl {
    background-color: #003577;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    padding: 10px 10px;
}

header .header_links {
	display: none;
}
.rtc_header_ttl br { display: none; }


/* ◯◯不動産とは - About
-------------------------------------------------- */
.rtc_bp01_about {
	position: relative;
	min-height: 640px;
}

.rtc_bp01_title_about {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 128px !important;
	font-weight: bold;
}
.rtc_ttl_since {
	position: absolute;
    top: 50px;
    right: 50px;
    max-width: 420px;
}
.rtc_bs01_block_about > h2 {
	font-size: 14px;
	font-weight: bold;
	color: var( --custom-main-color ) !important;
	text-align: left !important;
}
.rtc_bs01_block_about > h2> span {
	display: block;
	margin-bottom: 2px;
	color: #373737 !important;
	font-size: 36px;
	letter-spacing: 1px;
}
.rtc_bs01_block_about > h2::after{
 display:none!important;
}
.rtc_bs01_block_about {
	position: absolute;
}
.rtc_block_about_left {
	top: 50%;
	left: -100px;
	transform: translateY(-50%);
	padding: 50px 50px 50px 15%;
	width: 70%;
	background-color: #fff;
	border-radius: 0 10px 10px 0;
	z-index: 2;
}

.rtc_block_about_right {
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 50px;
	right: 0;
	padding: 50px 5% 50px 50px;
	width: 40%;
	min-height: 350px;
	background-color: var( --custom-main-color );
	border-radius: 10px 0 0 10px;
	z-index: 1;
}
.rtc_block_about_right > svg {
	width: 200px;
}
.rtc_block_about_right > p {
	margin-bottom: 0 !important;
	color: #fff !important;
	text-align: center;
}


.rtc_bp01_menu_block figure img {
	max-width: 60%;
}


/* 管理物件 - RECOMMEND PROPERTY
-------------------------------------------------- */
body.es-page-bp01 .feature-advertisement-block .wp-block-columns > div {
	background-color: rgba( 255, 255, 255, 1 );
}

/* 貸したい方/法人社宅 - Owner/Company housing
-------------------------------------------------- */
.rtc_img_hover {
	position: relative;
}
.rtc_img_hover a {
	display: block;
	overflow: hidden;
}
.rtc_img_hover a img {
	filter: brightness(0.5);
	transition: all ease .6s;
}
.rtc_img_hover a:hover img {
	filter: brightness(0.8);
}
.rtc_img_hover figcaption {
	margin: 0 !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
	color: #fff;
	font-size: 21px;
	font-weight: 600;
	letter-spacing: .1em;
}
.rtc_innerbox_pd0 .uagb-column__inner-wrap {
	padding: 0 10px !important;
}


/* よくある質問 - Q&A
-------------------------------------------------- */
.rtc_sp01_qa_list {
	list-style: none;
	margin-left: 0;
}
.rtc_sp01_qa_list > li {
	padding: 20px 30px;
	background-color: #fff;
	border-radius: 10px;
}
.rtc_sp01_qa_list > li:not(:last-child) {
	margin-bottom: 20px;
}

.rtc_qa_title {
	display: flex;
	align-items: center;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	transition: all ease .6s;
}
.rtc_qa_title::after {
	flex-shrink: 0;
	margin-left: auto;
	content: '\2b';
	width: 20px;
	text-align: center;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    transition: all ease .6s;
}
.rtc_qa_title::before, .rtc_qa_anser::before {
	flex-shrink: 0;
	content: '\51';
    margin-right: 10px;
	width: 20px;
	text-align: center;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.rtc_qa_anser {
	display: flex;
	font-size: 14px;
	height: 0;
	overflow: hidden;
	transition: all ease .6s;
}
.rtc_qa_anser::before {
	content: '\41';
	font-size: 16px;
}


.rtc_sp01_qa_list > li.is_active .rtc_qa_title {
	padding-bottom: 15px;
	border-bottom: 1px solid #333;
}
.rtc_sp01_qa_list > li.is_active .rtc_qa_title::after {
	content: '\f068';
}
.rtc_sp01_qa_list > li.is_active .rtc_qa_anser {
	padding-top: 15px;
	height: auto;
}

.rtc_qa_title::before, .rtc_qa_title::after {
	color: var( --custom-main-color );
}
.rtc_qa_anser::before {
	color: rgba( 6, 162, 162, 1 )
}


/* トップ：お問合せ - top:contact
-------------------------------------------------- */
.rtc_bp01_company {
	border-radius: 10px;
}

.top_company_info span[class^=icon-], .top_company_info .inquiry_column strong a {
	color: var( --custom-main-color );
}
.top_company_info .inquiry_column .wp-block-button a {
	background: var( --custom-main-color );
}

iframe {
	border-radius: 10px;
}


/* バナー - banner
-------------------------------------------------- */
.rtc_banner_img img {
	width: 95%;
	height: 115px;
	object-fit: contain;
}
.rtc_banner_img .wp-block-image {
	margin-bottom: 0 !important;
}
.rtc_banner_img a {
	display: block;
	margin: 0 auto;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	color: #333;
}
.rtc_banner_img a:hover {
	text-decoration: none;
}
.rtc_banner_img img {
	margin-bottom: 10px;
	transition: all ease .6s;
}
.rtc_banner_img a:hover img {
	transform: scale(1);
	opacity: .6;
}
.rtc_banner_img figcaption {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5 !important;
}

.rtc_bnr_property figure a img {
	transition: all ease .6s;
}
.rtc_bnr_property figure a:hover img {
	transform: scale( 1 );
	opacity: .6;
}

/* フッター - footer
-------------------------------------------------- */
footer.site-footer .widget_media_image img {
	width: 200px;
}
footer.site-footer .footer-adv-overlay {
	background: #1A3389;
}
footer.site-footer h2.widget-title {
	color: #fff;
	border-bottom-color: #fff;
}
footer .footer-adv-overlay li a {
	color: #fff;
}
footer .footer-adv-overlay li a:hover {
	opacity: .6;
	color: #fff !important;
}
footer .footer-adv-overlay li a:focus { color: #fff; }
footer .es-small-footer .es-footer-overlay {
	background: #1A3389;
}
footer .es-small-footer {
	border-top: none;
}
footer.site-footer .sns-links ul > li:last-child img {
	margin-left: 3px;
	width: 40px;
}
footer.site-footer .sns-links ul > li .small-icon {
	width: 40px;
	height: 40px;
}

footer.site-footer .sns-links ul { display: flex; }
footer.site-footer .sns-links ul > li:nth-child(1) { order: 3; }
footer.site-footer .sns-links ul > li:nth-child(2) { order: 1; }
footer.site-footer .sns-links ul > li:nth-child(3) { order: 2; }
footer.site-footer .sns-links ul > li:nth-child(4) { order: 4; }

@media ( max-width: 480px ) {
	/* ヘッダー - Header
	-------------------------------------------------- */
	#masthead .es-container {
		padding: 0 5px;
	}
	.rtc_header_ttl {
		font-size: 10px;
	}
	.main-header-menu li:hover > a { color: #fff; }
	.rtc_header_ttl br { display: block; }
	
	header .header_links {
		display: block;
	}
	header .header_links .header_links__list > li:nth-child(1),
	header .header_links .header_links__list > li:nth-child(2) {
		display: none;
	}
	
	/* 基本設定 - Common
	-------------------------------------------------- */
	.rtc_forsp_flex_reverse .uagb-columns__inner-wrap { /* ★ SP時上下反転 */
		display: flex;
		flex-direction: column-reverse;
	}
	
	.rtc_bp_title {
		font-size: 14px;
	}
	.rtc_bp_title > span {
		font-size: 24px;
	}
	.rtc_bs01_block_about > h3 > span {
		font-size: 31px;
	}

	/* ◯◯不動産とは - About
	-------------------------------------------------- */
	.rtc_bp01_about {
		padding-top: 50px;
	}
	.rtc_bp01_title_about {
		top: 5px;
		right: -5px;
		font-size: 46px !important;
		white-space: nowrap;
	}
	.rtc_ttl_since {
		display: block;
		position: static;
		margin: 0 auto 20px;
		width: 60%;
		text-align: center;
	}

	.rtc_bp01_menu_block p br { display: none; }

	.rtc_bs01_block_about {
		position: static;
		padding: 30px;
		width: 100%;
		border-radius: 10px;
	}
	.rtc_block_about_left {
		margin-bottom: 20px;
		transform: none;
	}
	.rtc_block_about_left > p {
		font-size: 12px !important;
	}

	/* 特集 - Feature
	-------------------------------------------------- */
	.feature-advertisement-block .wp-block-columns {
		max-width: 100%;
	}
	.feature-advertisement-block .wp-block-columns > div:not(:last-child) {
		margin-right: 0;
	}
	
	.rtc_bp01_menu_block figure img {
		width: 200px !important;
	}
	
	
	/* よくある質問 - Q&A
	-------------------------------------------------- */
	.rtc_sp01_qa_list > li {
		padding: 10px;
	}
	
	.rtc_sp01_contact_block, .rtc_sp01_contact_block > a {
		min-height: 200px;
	}
	.rtc_sp01_contact_block > a {
		font-size: 40px;
	}
	
	.rtc_sp01_qa_list > li .rtc_qa_anser {
		line-height: 1.2;
		font-size: 12px;
	}
	.rtc_qa_title::before { font-size: 16px; }
	
	
	/* お知らせ - News
	-------------------------------------------------- */
	.rtc_svg_center svg {
		width: 150px;
		height: 150px;
	}
	
	/* フッター - Footer
	-------------------------------------------------- */
	footer.site-footer .widget_media_image {
		text-align: center;
	}
}