/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 15 2023 | 07:45:22 */
/* 基本設定 - common
-------------------------------------------------- */
.top_search_block .search_btn_group .type_icon span:before {
	color: #ebb3ae;
}

a.wp-block-button__link {
	background: #ebb3ae;
}

#masthead .site-logo-img .custom-logo {
	max-height: 55px !important;
}

.top_features_bnr figure {
	height: 230px;
}
.top_features_bnr figure figcaption {
	/*font-size: 0.9rem !important; */
}
.es-small-footer { border-top: none; }

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


.bnr_list figure figcaption {
	font-size: 14px !important;
}


/* お問い合わせ箇所 - 色変更
-------------------------------------------------- */
.top_company_info span[class^=icon-], .top_company_info .inquiry_column strong a {
  color: #8C917E;
}
.top_company_info .inquiry_column .wp-block-button a {
  background: #8C917E;
}


/* Background - ストライプ柄
-------------------------------------------------- */
.stripe_bg > span {
	background-size: auto auto;
	background-color: rgba(211, 203, 179, .5) !important;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 20px, rgba(255, 255, 255, 1) 20px, rgba(255, 255, 255, 1) 22px );
}

.es_new_block .es-list .wp-block-column {
    background-color: #F0F0F0;
}


/* page - 下層ページ
-------------------------------------------------- */
.sub_ttl {
	font-weight: 200px;
	font-size: 21px !important;
}
.sub_ttl span {
	display: block;
	font-family: 'B612', sans-serif;
	font-size: 60px !important;
	font-weight: 200 !important;
	letter-spacing: .025em;
}

.box_minheight120 {
	min-height: 120px;
}


/* flow - 流れのスマホ対応版
-------------------------------------------------- */
.flow {
	padding-left: 120px;
	position: relative;
	list-style: none;
}
.flow::before {
	content: "";
	width: 15px;
	height: 100%;
	background: #eee;
	margin-left: -8px;
	display: block;
	position: absolute;
	top: 0;
	left: 120px;
}
.flow > li {
	position: relative;
}
.flow > li:not(:last-child) {
	margin-bottom: 8vh;
}
.flow > li .icon {
	font-family: 'B612', sans-serif;
	font-size: 16px;
	color: #fff;
	background: rgb( 118, 193, 204, 1 );
	padding: 8px 20px;
	display: block;
	position: absolute;
	top: -8px;
	left: -120px;
	z-index: 100;
}
.flow > li .icon::after {
	content: "";
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent rgb( 118, 193, 204, 1 );
	position: absolute;
	top: 50%;
	left: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.flow > li dl {
	padding-left: 70px;
	position: relative;
}
.flow > li dl::before,
.flow > li dl::after {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
}
.flow > li dl::before {
	width: 7px;
	height: 7px;
	margin-top: -3px;
	background: rgb( 118, 193, 204, 1 );
	border-radius: 50%;
	left: -4px;
}
.flow > li dl::after {
	width: 50px;
	border-bottom: 1px dashed #999;
	position: absolute;
	left: 5px;
}
.flow > li dl dt {
	font-size: 20px;
	font-weight: 600;
	color: rgb( 118, 193, 204, 1 );
	margin-bottom: 1vh;
}

.flow > li dl dd {
	display: flex;
	margin: 0;
}
.flow > li dl dd img {
	margin-right: 20px;
	width: 200px;
}

.es-page-cancel form label.delivery_date::after {
	display: block;
	margin-top: 10px;
	content: '※営業時間内での立ち会いとなります。';
	font-size: 12px;
	color: rgba( 169, 169, 169, 1 );
}


.for_pc { display: block; }
.for_sp { display: none; }

@media screen and ( max-width: 480px ) {
	
	
	/* ----- 3つの特徴 ----- */
	.top-company-feature h2 {
		margin: 20px 0;
		font-size: 18px !important;
	}
	.top-company-feature h3 {
		font-size: 16px;
	}
	.top-company-feature p {
		font-size: 12px;
	}
	.top-company-feature p br {
		display: none;
		flex-direction: column;
	}
	
	
	/* ----- 下層ページ:Common ----- */
	.sub_ttl span {
		font-size: 42px !important;
	}
	
	.sub_visual {
		min-height: 200px;
	}
	.sub_visual h1 {
		font-size: 18px !important;
	}
	
	/* ----- flow:Step ----- */
	.flow {
		padding-left: 0;
	}
	.flow::before {
		left: 0;
	}
	.flow > li .icon {
		position: relative;
		margin-left: 30px;
		margin-bottom: 20px;
		top: 0;
		left: 0;
	}
	.flow > li .icon::after {
		left: -10px;
		width: 10px;
		clip-path: polygon( 100% 0, 0 50%, 100% 100% );
		height: 10px;
		background: rgb( 118, 193, 204, 1 );
		border: none;
	}
	.flow > li dl {
		padding-left: 35px;
	}
	.flow > li dl::before {
		margin-top: 0;
	}
	.flow > li dl::after {
		width: 10px;
	}

	.flow > li dl dd {
		flex-direction: column;
	}
	.flow > li dl dd img {
		margin-right: 0;
		margin-bottom: 20px;
	}

	/* ----- [●--- がずれた場合] ----- */
	.flow > li:first-child dl::before {
		top: 12px;
	}
	.flow > li:not(:first-child) dl::after {
		top: 18px;
	}
	
	.flow > li dl dd img {
		width: 100%;
	}
	
	/* management - 賃貸物件オーナー様へ
	-------------------------------------------------- */
	.management_ttl {
		padding: 10px !important;
		font-size: 12px !important;
	}
	
	.management_block .uagb-column__inner-wrap figure {
		position: absolute;
		top: 10px;
		left: 0;
		width: 135px;
	}
	.management_block .uagb-column__inner-wrap p {
		margin-left: 40%;
	}
	.management_block .uagb-column__inner-wrap p:first-child {
		margin-bottom: 5px;
		padding: 5px;
		width: 120px;
	}

	.management_block img {
		width: 100%;
	}
	
	.for_pc { display: none; }
	.for_sp { display: block; }
}