/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 20 2023 | 00:00:13 */
/* 共通 - common
-------------------------------------------------- */
.stripe_bg > span {
	background-size: auto auto;
	background-color: rgba(199, 194, 171, .4) !important;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 15px, rgba(255, 255, 255, 1) 15px, rgba(255, 255, 255, 1) 17px );
}
.stripe_bg .es_new_block .es-list .wp-block-column {
    background-color: #fff;
}

a.wp-block-button__link {
	background-color: rgba( 9, 86, 105, 1 );	
}


/* トップ - top
-------------------------------------------------- */
.entry-content .top-company-feature h2::after {
	background-color: #fff !important;
}
.top-company-feature .wp-block-columns .wp-block-column p {
	text-align: center !important;
}

.top_bnr figure figcaption {
	font-size: 12px !important;
}


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


/* スタッフ詳細 - staff
-------------------------------------------------- */
.table_staff table tr td:first-child {
	width: 20%;
}
.table_staff table tr td:last-child {
	width: 80%;
}


/* 下層ページ:共通 - page:common
-------------------------------------------------- */
.es-page-resort .es-container.page-header,
.es-page-flow .es-container.page-header,
.es-page-support .es-container.page-header {
	display: none;
}
.es-page-flow footer#colophon,
.es-page-support footer#colophon {
	margin-top: 0;
}
.es-page-flow #primary,
.es-page-support #primary {
	padding-bottom: 0;
}

.list_style_none {
	margin-left: 0;
	list-style: none;
}

.btn_df a.wp-block-button__link {
	position: relative;
	padding: 10px 50px;
}
.btn_df a.wp-block-button__link::after {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.btn_flow {
	display: block;
	padding: 10px;
	width: 100%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border-radius: 10px;
	background-color: rgba( 107, 37, 36, 1 );
}
.btn_flow:hover {
	opacity: .6;
	color: #fff;
	text-decoration: none;
}

.cover_auto {
	min-height: auto;
}


/* リゾートライフを満喫する - resort
-------------------------------------------------- */
.resort .wp-block-media-text__content {
    background-color: #EEE9E5!important;
}
.resort_catch p {
	margin-bottom: 0;
}

.flex_absolute_block {
	position: relative;
}
.flex_absolute_block.left_float .wp-block-media-text__content,
.flex_absolute_block.right_float .wp-block-media-text__content {
	position: absolute;
	top: -30px;
	padding: 30px 50px;
	width: 980px;
	background-color: #fff;
}
.flex_absolute_block.left_float .wp-block-media-text__content {
	left: 100px;
}
.flex_absolute_block.right_float .wp-block-media-text__content {
	right: 100px;
}

.resort_ttl {
	margin-bottom: 30px !important;
	line-height: 1 !important;
}
.resort_ttl span {
	font-size: 16px;
}

/* 購入・売却の流れ - 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-size: 12px;
	color: #fff;
	background: rgba( 23, 85, 104, 1 );
	padding: 8px 20px;
	display: block;
	position: absolute;
	top: -5px;
	left: -120px;
	z-index: 100;
}
.flow > li .icon::after {
	content: "";
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent rgba( 23, 85, 104, 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: #121212;
	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: #121212;
	margin-bottom: 1vh;
}
.flow > li dl dd {
	display: flex;
	margin: 1.5rem 0;
}
.flow > li dl dd img {
	margin-right: 20px;
	width: 200px;
	align-self: flex-start;
}

.column_flow_block .uagb-columns__inner-wrap {
	justify-content: space-between;
}
.column_flow_block .uagb-columns__inner-wrap .wp-block-uagb-column {
	position: relative;
	overflow: visible;
	border-radius: 10px;
}
.column_flow_block .uagb-columns__inner-wrap .wp-block-uagb-column .uagb-column__overlay {
	border-radius: 10px !important;
}
.column_flow_block .uagb-columns__inner-wrap .wp-block-uagb-column:not(:last-child)::after {
	position: absolute;
	top: 50%;
	right: -50px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	content: '\f04b';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 24px;
	color: #8C917E;
}

.contact_block p {
	margin-bottom: 10px !important;
}


/* トータルサポートサービス - support
-------------------------------------------------- */
.list_support {
	display: flex;
	flex-wrap: wrap;
	margin-left: 20px;
	list-style: none;
}
.list_support.support_imgs {
	margin: 0;
	justify-content: space-between;
}

.list_support li {
	margin-bottom: 10px;
	padding: 5px 20px;
	width: 49%;
	color: #fff;
	text-align: center;
	border-radius: 35px;
	background-color: rgba( 23, 85, 104, 1 );
}
.list_support.list_support_last li {
	width: 23%;
}

.list_support.list_support_last li:not(:nth-child(4n)) {
	margin-right: 2%;
}
.list_support.list_support_last li:last-child {
	width: 48%;
}

.for_sp { display: none; }

/* スマホ版：sp
-------------------------------------------------- */
@media ( max-width: 480px ) {
	
	.for_sp { display: block; }
	
	/* 下層ページ:共通 - page:common
	-------------------------------------------------- */
	.sub_visual {
		min-height: auto;
	}
	.sub_visual  h1 {
		font-size: 20px !important;
	}
	
	.btn_df {
		width: 100% !important;
	}
	.btn_df a.wp-block-button__link {
		padding: 10px;	
	}
	.space_sp {
		height: 30px !important; 
	}
	
	
	/* リゾートライフを満喫する - resort
	-------------------------------------------------- */
	.resort_catch h2.resort_catch_ttl {
		font-size: 16px !important;
	}
	.resort_catch h2.resort_catch_txt {
		font-size: 12px !important;
	}
	
	.flex_absolute_block.left_float .wp-block-media-text__content,
	.flex_absolute_block.right_float .wp-block-media-text__content {
		position: static;
		padding: 30px 20px;
		width: 100%;
	}
	
	.resort_ttl {
		margin-bottom: 30px !important;
	}
	
	/* 購入・売却の流れ - flow
	-------------------------------------------------- */
	.flow {
		margin-left: 0;
		/*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: rgba( 23, 85, 104, 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;
		width: 100%;
	}

	/* ----- [●--- がずれた場合] ----- */
	.flow > li:first-child dl::before {
		top: 12px;
	}
	.flow > li:not(:first-child) dl::after {
		top: 18px;
	}
	
	.column_flow_block .uagb-columns__inner-wrap .wp-block-uagb-column:not(:last-child)::after {
		top: auto;
		bottom: -45px;
		right: auto;
		left: 47.5%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		content: '\f04b';
		font-size: 24px;
		color: #8C917E;
		transform: rotate(90deg);
	}
	
	/* トータルサポートサービス - support
	-------------------------------------------------- */
	.support_ttl {
		font-size: 16px !important;
	}
	.list_trouble > li {
		font-size: 14px;
	}
	.support_imgs > li {
		font-size: 10px;
		font-weight: bold;
	}
	
	.list_support.list_support_last {
		margin-left: 0;
	}
	.list_support.list_support_last > li {
		width: 48%;
		font-size: 12px;
	}
	.list_support.list_support_last li:not(:nth-child(4n)) {
		margin-right: 0;
	}
	.list_support.list_support_last li:not(:nth-child(2n)) {
		margin-right: 4%;
	}
	
	
	/* スマホ時に反転させる
	-------------------------------------------------- */
	.flex_reverse_sp .uagb-columns__inner-wrap {
		display: flex;
		flex-direction: column-reverse;
	}
}