/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 28 2025 | 08:35:41 */
/* トップ：共通 - top:common
--------------------------------------------- */
body.page-id-3151 header .header_nav > li:not(:last-child) { display: none; }

/* 特集 - 円マーク変更
--------------------------------------------- */
/* .feature-advertisement-block .icon-yen-sign {
	display: none !important;
} */
/* .feature-advertisement-block .es_new_block_price::before {
	content: '\f178';
	margin-right: 5px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	color: #bdbdbd;
} */


/* ヤマダホームズお見積り_物件検索カスタマイズ
--------------------------------------------- */
article .data {
	position: relative;
}
.rtc_lp_img {
/* 	position: absolute;
	top: 0;
	left: 0; */
	width: 100%;
	height: 100%;
	z-index: 5;
}
.rtc_lp_img + .genre, .rtc_lp_img + .genre + h2,
.rtc_lp_img + .genre + h2 + .tm_data, .rtc_lp_img + .genre + h2 + .tm_data + .kokoku-list-condition {
	display: none !important;
}
.rtc_lp_img a {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: gray;
	width: 100%;
	height: 400px;
	color: #fff;
}
/* @media ( width <= 480px ) { */
.result_data_wrap .tm_data {
	flex-wrap: wrap;
}
.result_data_wrap .tm_data>figure {
	margin: 0;
	width: 100%;
	max-width: 100% !important;
}
.result_data_wrap .tm_data .table_wrap {
	margin-top: 10px;
	width: 100% !important;
}
/* } */

/* NEWTOP - 新
--------------------------------------------- */
body.page-id-3151 .es-container {
	max-width: 1280px;
}

.rtc_main_ttl {
	display: flex;
	align-items: center;
}
.rtc_main_ttl svg {
	margin-right: 15px;
	width: 74px;
    height: 68px;
}
.rtc_main_ttl p {
	margin-bottom: 0 !important;
}
.rtc_main_ttl p span {
	display: block;
	font-size: 1.2rem;
	color: #1E2861;
}

.rtc_main_ttl.rtc_main_white  p span {
	color: #fff;
}

.rtc_list_custom {
	display: flex;
	flex-wrap: wrap;
	margin: 100px 0 50px;
	list-style: none;
}
.rtc_list_custom > li {
	margin-bottom: 60px;
	width: 18%;
}
.rtc_list_custom > li:not(:nth-child(5n)) {
	margin-right: 2.5%;
}

.rtc_list_custom > li a {
	display: block;
	font-weight: bold;
}
.rtc_list_custom > li a:hover {
	text-decoration: none;
}
.rtc_list_custom > li a svg {
	width: 100%;
	height: auto;
	transition: all ease .6s;
}
.rtc_list_custom > li a:hover svg {
	transform: scale( .8 );
}
.rtc_list_custom > li a h3 {
	margin-top: 10px;
	font-size: 14px;
	color: #1E2861;
	text-align: center;
	transition: all ease .6s;
}
.rtc_list_custom > li a:hover h3 {
	color: #419bfd;
}
.rtc_list_custom.rtc_list_customwhite > li a h3 {
	color: #fff;
}

/* NEWSUB- 下層ページ
--------------------------------------------- */
.ttl_menu_sub {
	display: flex;
	align-items: center;
	color: #1E2861 !important;
	font-weight: bold;
}
.ttl_menu_sub svg {
	margin-right: 5px;
	width: 35px;
	height: 35px;
}

/* トップ：メインビジュアル - top:mainvisual
--------------------------------------------- */
#rtc_top_slider {
	position: relative;
	background-image: url( '/app/uploads/sites/962/2023/08/slider_top_image01.jpg' );
	background-repeat: no-repeat;
	background-size: cover;
}
#rtc_top_slider::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url( '/app/uploads/sites/962/2023/08/stripe.png' );
	opacity: .9;
	z-index: 0;
}

.rtc_mainvisual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-left: calc( -50vw + 50% );
	margin-right: calc( -50vw + 50% );
	height: calc( 100vh - 300px );
}

.rtc_mainvisual > figure {
	margin-bottom: 20px;
	max-width: 360px;
}

.rtc_main_title {
	margin-bottom: 30px !important;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.rtc_main_title > span {
	display: block;
	font-size: 1.6rem;
}

.rtc_main_message {
	margin-bottom: 0 !important;
	color: #fff;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: .1em;
}


/* スクロールダウン - scrollDown
--------------------------------------------- */
.rtc_scroll_down {
	display: inline-block;
	position: absolute;
	right: 100px;
	bottom: 0;
	z-index: 2;
	padding: 10px 10px 110px;
	overflow: hidden;
	color: #fff;
	font-size: 14px;
	font-family: 'Josefin Sans', sans-serif;
	line-height: 1;
	letter-spacing: .2em;
	text-transform: uppercase;
	text-decoration: none;
	writing-mode: vertical-lr;
}
.rtc_scroll_down::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 100px;
	background: #fff;
}
.rtc_scroll_down::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 100px;
	background: rgba(255, 255, 255, .4);
}
.rtc_scroll_down::after {
	animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}


@keyframes sdl {
	0% {
	  transform: scale(1, 0);
	  transform-origin: 0 0;
	}
	50% {
		transform: scale(1, 1);
		transform-origin: 0 0;
	}
	50.1% {
		transform: scale(1, 1);
		transform-origin: 0 100%;
	}
	100% {
		transform: scale(1, 0);
		transform-origin: 0 100%;
  }
}


/* お悩み - trouble
--------------------------------------------- */
.rtc_block_fukidashi { overflow: visible; }
.rtc_block_fukidashi > .uagb-column__inner-wrap {
	position: relative;
	padding: 30px 50px !important;
	border-radius: 10px;
	color: #fff;
	background-image: linear-gradient(90deg, rgba(48, 97, 96, 1), rgba(57, 210, 248, 1));
}
.rtc_block_fukidashi::before {
	position: absolute;
	content: '';
	display: block;
	width: 20px;
	height: 25px;
	top: 50%;
	right: -20px;
	transform: translateY( -50% );
	background: rgba( 57, 210, 248, 1 );
	clip-path: polygon( 0 0, 0% 100%, 100% 50% );
}

.rtc_block_fukidashi_right > .uagb-column__inner-wrap {
	background-image: linear-gradient(90deg, rgba(65, 164, 253, 1), rgba(14, 244, 255, 1));
}
.rtc_block_fukidashi_right::before {
	right: auto;
	left: -20px;
	background: rgba( 65, 164, 253, 1 );
	clip-path: polygon( 100% 0, 100% 100%, 0 50% );
}

.rtc_block_fukidashi_right h2 {
	color: #fff;
}

.rtc_block_trouble figure img {
	max-width: 350px;
}

.rtc_list_trouble {
	margin: 0 0 0 10px;
}
.rtc_list_trouble > li {
	font-size: 1.1rem;
}


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

.rtc_mainvisual .rtc_title_opacity {
	margin: 20px 0 !important;
	font-size: 2rem;
	color: #fff;
}
.rtc_mainvisual .rtc_title_opacity > span {
	top: -55px;
	opacity: .4;
}


/* 背景系 - background
--------------------------------------------- */
.rtc_bg_stripe_left > span {
	background-image: repeating-linear-gradient( -45deg, rgba( 87, 181, 192, .4 ), rgba( 87, 181, 192, .4 ) 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 );
}

.rtc_bgimg_stripe { position: relative; }
.rtc_bgimg_stripe::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url( '/app/uploads/sites/962/2023/08/stripe.png' );
	opacity: .9;
	z-index: 1;
}


/* フッター - footer
-------------------------------------------------- */
footer.site-footer > .footer-adv > .footer-adv-overlay::before {
	content: '';
	display: block;
	margin: 0 auto 50px;
	width: 200px;
	height: 68px;
	background-image: url( '/app/uploads/sites/962/2023/11/logo.png' );
	background-repeat: no-repeat;
	background-size: contain;
}

footer.site-footer h2.widget-title {
	border: none;
	padding: 5px 20px;
	color: #fff;
	background-color: rgba( 20, 45, 98, 1 );
	border-radius: 50vh;
    font-size: 1rem;
    font-weight: bold;
}
footer.site-footer h2.widget-title::before {
	margin-right: 5px;
	content: '\f0a9';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #fff;
}

footer.site-footer ul {
	margin-left: 20px;
	list-style: none;
}
footer.site-footer ul > li::before {
	margin-right: 10px;
	content: '\f178';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: rgba( 20, 45, 98, 1 );
}
footer.site-footer ul > li > a::before {
	display: none;
}


.rtc_clr_red { color: #FC0B53; }
.rtc_btn_form a {
	min-width: 320px;
}

/* スマホ版 - sp
-------------------------------------------------- */
@media ( width <= 480px ) {
	
	/* トップ：メインビジュアル - top:mainvisual
	--------------------------------------------- */
	#rtc_top_slider {
		padding: 0;
	}
	
	.rtc_mainvisual {
		height: 780px;
	}
	
	.rtc_mainvisual > figure {
		max-width: 80%;
	}
	.rtc_mainvisual .rtc_title_opacity, .rtc_title_opacity {
		font-size: 1.6rem;
	}
	.rtc_title_opacity > span {
		top: -30px;
		font-size: 2.4rem;
	}
	
	.rtc_main_message {
		font-size: .9rem;
	}
	
	.rtc_scroll_down {
		right: 30px;
	}
	
	/* トップ：こんなお悩み - top:trouble
	--------------------------------------------- */
	.rtc_block_fukidashi::before { display: none; }
	
	
	/* トップ：カスタマイズ - top:costom
	--------------------------------------------- */
	ul.icon_link_list > li {
		margin-bottom: 5% !important;
	}
	
	/* トップ：新 - top:new
	--------------------------------------------- */
	.rtc_option_top p {
		font-size: 12px !important;
	}
	.rtc_option_top figure img {
		width: 260px !important;
	}
	.rtc_main_ttl p {
		font-size: 18px;
	}
	.rtc_main_ttl p span {
		font-size: 14px;
	}
	.rtc_main_ttl svg {
		width: 40px;
		height: 38px;
	}
	
	.rtc_cover_middle {
		min-height: auto;
	}
	.rtc_list_custom {
		margin-top: 50px;
		margin-bottom: 0;
		flex-wrap: wrap;
	}
	.rtc_list_custom > li {
		margin-bottom: 10px;
		width: 32%;
	}
	.rtc_list_custom > li:not(:nth-child(5n)) {
		margin-right: 0;
	}
	.rtc_list_custom > li:not(:nth-child(3n)) {
		margin-right: 2%;
	}
	.rtc_list_custom > li a svg {
		height: 100px;
	}
	
}