/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 08 2023 | 05:27:36 */
/* 基本設定 - common
-------------------------------------------------- */
.top_search_block .search_btn_group .type_icon span:before {
	color: #6EC2CD;
}

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

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

/* TOP
-------------------------------------------------- */

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

/* お問い合わせ箇所 - 色変更
-------------------------------------------------- */
.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(230, 244, 241, 1);
	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: 'Exo', 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: 'Exo', 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;
}


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


/* 物件情報詳細 - rent
-------------------------------------------------- */
.kokoku-detail-staff.staff_comment .staff img {
	width: 80px;
}


/* Web接客サービス - web
-------------------------------------------------- */
.page-id-3733 footer.site-footer {
	margin-top: 0;
}
.page-id-3733 #primary {
	padding-bottom: 0;
}

.web_cover {
    border-top: solid 10px #6ec2cd;
}
.btn_arrow.web a {
    background-color: #6EC2CD!important;
}
.web_ttl {
	color: #333;
	font-family: 'Noto Sans JP', sans-serif !important;
	font-weight: 900;
}
.web_ttl span {
	font-size: 20px;
	color: #546543;
}

ul.list_cycle {
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
	list-style: none;
}
ul.list_cycle > li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 135px;
    height: 135px;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.5;
    background: #EEB2AD;
    border-radius: 50%;
    color: #fff;
}

ul.web_list_check {
	list-style: none;
	margin: 0;
	width: 50%;
}
ul.web_list_check > li {
    font-size: 26px;
    border-bottom: solid 2px #6ec2cd;
}
ul.web_list_check > li::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 30px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/wp-content/uploads/sites/975/2023/04/check_02.png);
}
ul.web_list_check > li:not(:last-child) {
	margin-bottom: 10px;
}

.web_flow_block h2 {
	font-family: 'Noto Sans JP', sans-serif !important;
}
.web_flow_block h2 span {
	font-size: 18px !important;
}

.btn_arrow a::before {
	margin-right: 10px;
	content: '\f138';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
.contact_reserve { font-size: 21px; }


.mb0 { margin-bottom: 0 !important; }

.clr_red { color: #d22727; }

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

@media screen and ( max-width: 480px ) {
	
	/* ----- バナー ----- */
	.bnr_list .uagb-columns__inner-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.bnr_list .uagb-columns__inner-wrap .uagb-column__inner-wrap {
		padding: 0 !important;
	}
	
	.bnr_list .uagb-columns__inner-wrap .uagb-column__wrap {
		width: 49% !important;
	}
	.bnr_list .uagb-columns__inner-wrap figure {
		margin-bottom: 10px;
	}
	.bnr_list .uagb-columns__inner-wrap figure figcaption {
		font-size: 14px !important;
	}
	
	/* ----- 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%;
	}
	
	
	/* Web接客サービス - web
	-------------------------------------------------- */
	.web_ttl {
		font-size: 36px !important;
	}
	ul.list_cycle > li {
		width: 100px;
		height: 100px;
		font-size: 16px;
	}
	.web_cover > span { opacity: .5 !important; }
	.web_cover img {
		object-position: right center;
	}
	.web_contents > .uagb-columns__inner-wrap {
		display: flex;
		flex-wrap: wrap;
	}
	.web_contents > .uagb-columns__inner-wrap .wp-block-uagb-column {
		width: 50% !important;
	}
	ul.web_list_check {
		width: 100%;
	}
	ul.web_list_check > li {
		font-size: 21px;
	}
	
	.web_contact > span, .web_recommend > span {
		opacity: .5 !important;
		background: #fff !important;
	}
	.web_contact img {
		object-position: 85% center;
	}
	.web_recommend img {
		object-position: 65% center;
	}
	
	.contact_reserve { font-size: 16px; }
	
	.for_pc { display: none; }
	.for_sp { display: block; }
}