@charset "UTF-8";

/* -------------------------------------------------- */
/* PC*/
/* -------------------------------------------------- */
#asset-utilization #pagetitle::after {
	content: "REAL ESTATE MANAGEMENT / ASSET UTILIZATION";
}

#auNav {
	margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.auNavLink {
	width: 32%;
	padding: 20px 30px;
	display: block;
	background: #f7f3ec url(../../../img/common/icon_btn-arrow_bottom.svg) no-repeat center right 3%/1.3em;
	border: 2px solid #eae4d9;
	border-radius: 8px;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#auLeadBtnWrap {
	margin-bottom: 50px;
}

.anchor {
	margin-top: -40px;
	padding-top: 40px;
}

/* お困りごと */
.auTroubleHead {
	margin-bottom: 20px;
	color: #009843;
	font-size: 2.2rem;
	font-weight: 700;
	text-align: center;
}

.auTroubleHead .balloon {
	padding: 20px 35px;
	display: inline-block;
	font-size: 1.1em;
	background: transparent url(../../../img/service/asset-utilization/balloon.png) no-repeat center center/contain;
}

.auTroubleBody {
	margin-bottom: 40px;
	padding-bottom: 40px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.auTroubleBody::before {
	content: "";
	width: 60%;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: block;
	background-color: #eae4d9;
}

.auTroubleBody::after {
	content: "";
	width: 62px;
	height: 28px;
	display: block;
	position: absolute;
	bottom: -24px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: transparent url(../../../img/service/asset-utilization/trouble_arrow.svg) no-repeat center center/contain;
}

.auTroubleBodyItem {
	width: 22%;
}

.auTroubleBodyImg {
	width: 180px;
	height: 180px;
	margin: 0 auto 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #e4f4eb;
	border-radius: 50%;
}

.auTroubleBodyImg img {
	max-width: 65%;
}

.auSuggestHead {
	margin-bottom: 30px;
	font-size: 3rem;
	text-align: center;
}

.auSuggestHead .underline {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(255, 255, 0, 0.5)));
	background: linear-gradient(transparent 60%, rgba(255, 255, 0, 0.5) 0%);
}

.auSugList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.auSugListItem {
	width: 47.058823%;
	margin-bottom: 50px;
}

.auSugListImg {
	margin-bottom: 15px;
}

.auSugListImg.border {
	border: 1px solid #CCC;
	border-radius: 8px;
}

.auSugListImg img {
	width: 100%;
	border-radius: 8px;
}

.auSugListTtl {
	margin-bottom: 10px;
	padding-bottom: 0.1em;
	display: inline-block;
	font-size: 2rem;
	font-weight: 700;
	border-bottom: 1px solid #009843;
}

.auSugListTxt {
	font-size: 1.4rem;
	line-height: 1.57;
}

.auSugListItem.vacancy {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.vacancyMain {
	width: 47.058823%;
}

.vacancySub {
	width: 48%;
	background-color: #D9F0E3;
	border-radius: 6px;
	position: relative;
}

.vacancySub::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -30px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-style: solid;
	border-width: 30px 30px 30px 0;
	border-color: transparent #D9F0E3 transparent transparent;
}

.vacancySubInner {
	width: 82%;
	height: 100%;
	margin: auto;
	padding: 20px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.vacancySubTit {
	margin-bottom: 20px;
	color: #009843;
	font-size: 1.8rem;
	font-weight: 700;
}

.auSugListBtnWrap {
	padding-top: 5px;
}

.auSugListBtnWrap .spbr {
	display: none;
}

/* 法人オーナー様へ */
#ownerContents {
	margin-bottom: 40px;
	padding: 30px;
	background-color: #e4f4eb;
	border-radius: 10px;
}

#ownerContentsHead {
	margin-bottom: 20px;
	font-size: 2.6rem;
	font-weight: 700;
}

#ownerContentsBody {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#ownerContentsTxt {
	width: 50%;
}

#ownerContentsTxt h3 {
	margin-bottom: 10px;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 0.025em;
}

#ownerContentsTxt p {
	font-size: 1.4rem;
	line-height: 1.57;
	letter-spacing: 0.05em;
}

#ownerContentsImg {
	width: 46.9772%;
	height: 220px;
}

#ownerContentsImg img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
}

#ownerLink {
	padding: 15px 60px 15px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background: #009843 url(../../../img/common/icon_next_white.svg) no-repeat center right 20px/30px auto;
	border-radius: 10px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#ownerLinkImg {
	width: 46.753246%;
	height: auto;
	margin-right: 25px;
}

#ownerLinkImg img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
}

#ownerLinkBody {
	width: 48%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #ffffff;
}

.ownerLinkBodyTtl {
	margin-bottom: 10px;
	padding: 0.2em;
	border: 1px solid #ffffff;
	font-size: 1.4rem;
	text-align: center;
}

.ownerLinkBodyTxt {
	font-size: 1.8rem;
	font-weight: 700;
}

.ownerLinkBodyTxt .txt_lg {
	font-size: 1.33em;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}

/* -------------------------------------------------- */
/* PC調整 */
/* -------------------------------------------------- */
@media screen and (min-width: 1025px) and (max-width: 1279px) {
	.auNavLink {
		background-position: center right 10px;
	}

	.auTroubleBodyImg {
		width: 14.063vw;
		height: 14.063vw;
	}

	.vacancySub::before {
		left: -20px;
		border-width: 20px 20px 20px 0;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
	.auSugListBtnWrap .spbr {
		display: inline-block;
	}
}

/* ------------------------------------ */
/* ホバーエフェクト */
/* ------------------------------------ */
@media screen and (min-width: 1025px) {
	.auNavLink:hover {
		opacity: 0.7;
	}

	#ownerLink:hover {
		opacity: 0.7;
	}
}

/* -------------------------------------------------- */
/* TAB&SP */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* TAB(調整) */
/* -------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.auTroubleBodyImg {
		width: 17.561vw;
		height: 17.561vw;
	}

	.anchor {
		margin-top: -80px;
		padding-top: 80px;
	}
}

@media screen and (min-width: 768px) and (max-width: 880px) {
	.auSugListBtnWrap .spbr {
		display: inline-block;
	}
}

/* -------------------------------------------------- */
/* SP(調整) */
/* -------------------------------------------------- */
@media screen and (max-width: 767px) {
	.auNavLink {
		/*		width: 100%;*/
		padding: 15px 0;
		font-size: 2.086vw;
	}

	/*
	.auNavLink:not(:last-child) {
		margin-bottom: 10px;
	}
*/

	.anchor {
		margin-top: -80px;
		padding-top: 80px;
	}

	.auTroubleHead {
		font-size: 2rem;
	}

	.auTroubleBody {
		padding-bottom: 20px;
	}

	.auTroubleBodyItem {
		width: 48%;
		margin-bottom: 10px;
	}

	.auTroubleBodyImg {
		width: 140px;
		height: 140px;
	}

	.auSuggestHead {
		font-size: 2.4rem;
	}

	.auSugListItem {
		width: 100%;
	}

	.vacancyMain {
		width: 100%;
		margin-bottom: 40px;
	}

	.vacancySub {
		width: 100%;
		max-width: initial;
	}

	.vacancySub::before {
		top: -20px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		border-width: 0 15px 20px 15px;
		border-color: transparent transparent #D9F0E3 transparent;
	}

	#ownerContents {
		padding: 20px;
	}

	#ownerContentsHead {
		margin-bottom: 10px;
	}

	#ownerContentsBody {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#ownerContentsImg {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	#ownerContentsTxt {
		width: 100%;
	}

	#ownerLink {
		padding: 20px;
		background-position: bottom 20px right 20px;
		background-size: 26px auto;
	}

	#ownerLinkImg {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	#ownerLinkBody {
		width: 100%;
	}

	.ownerLinkBodyTxt {
		width: calc(100% - 30px);
		font-size: 1.7rem;
	}
}