@charset "UTF-8";

/*---------------------------
トップページ　コンテンツ （SP）
---------------------------*/

/*　BUSINESS
-----------------------------*/
.business {
	margin: 0 0 9.333vw;
	padding: 0 4.667vw 30vw 0;
	background: url(../image/top/top-bg-content_sp.jpg) no-repeat left bottom;
	position: relative;
}

.business > p {
	font-size: 16.8vw;
	color: #f9eeee;
	position: absolute;
	right: 5.333vw;
	top: 2vw;
}

.busi-bg-white {
	padding: 22vw 4.667vw 0;
	background: #fff;
}

.business section {
	height: 234.4vw;
	/*  padding: 6vw 4.667vw 0;*/
}
.business-ttl p:first-child {
	padding: 6.667vw 0 5.333vw;
	font-size: 6.933vw;
	font-weight: bold;
}
.business-ttl p:last-child {
	padding: 0 0 10.667vw;
	font-size: 3.733vw;
}

/*　不動産買う・売る ボタン--------*/
.business-btn p {
	display: block;
	width: 86.133vw;
	margin: 0 auto 5.333vw;
	text-align: center;
	font-size: 5.333vw;
	font-weight: bold;
}
.business-btn p:first-child {
	background: url(../image/top/top-bgbuy_sp.jpg) no-repeat center top;
	background-size: contain;
}
.business-btn p:last-child {
	background: url(../image/top/top-bgsell_sp.jpg) no-repeat center top;
	background-size: contain;
}
.business-btn p a {
	display: block;
	padding: 22.667vw 0;
	color: #fff;
	position: relative;
}
.business-btn p a span.bn-ttl {
	margin: 0 0 0 2vw;
	padding: 0 10px;
	color: #5c3c11;
	background: #fff;
}
.business-btn p a span.bn-img {
	display: block;
	width: 6.267vw;
	position: absolute;
	top: 21vw;
	left: 85%;
}

/* COMPANY
-----------------------------*/
.company {
	overflow-x: hidden;
	width: 100vw;
}
.com-left > p {
	padding: 0 0 0 4.667vw;
	line-height: 1;
	font-size: 16.8vw;
	color: #f9eeee;
}
.com-pc {
	display: none;
}
.company-ttl {
	padding: 0 5.333vw;
}
.company-ttl h2 + p {
	padding: 6.667vw 0 5.333vw;
	font-size: 6.933vw;
	font-weight: bold;
}
.company-ttl h2 + p + p {
	padding: 0 0 10.667vw;
	font-size: 3.733vw;
}

/* ボタン
-----------------------------*/
.company-ttl p.btn-link a {
	display: block;
	width: 61.733vw;
	padding: 3.733vw 5.6vw;
	font-weight: bold;
	color: #fff;
	background: var(--red);
	position: relative;
}
.company-ttl p.btn-link a span {
	display: block;
	width: 6.267vw;
	position: absolute;
	top: 3.733vw;
	left: 85%;
}

.company-ph {
	display: flex;
	justify-content: space-between;
	padding: 14.667vw 0 18.667vw;
	display: flex;
	justify-content: space-between;
}
.company-ph p:first-child {
	width: 32%;
	padding: 20vw 0 0;
}
.company-ph p:last-child {
	width: 62%;
}

/* SDGS SP
----------------------*/
.goals {
	padding: 13.333vw 0;
	background: url(../image/top/top-bg-sdgs_sp.jpg) no-repeat center top;
	background-size: cover;
}
.goals h2 {
	margin: 0 0 8vw;
	line-height: 1.2;
	text-align: center;
	color: #fff;
	font-weight: 600;
}
.goals h2 span {
	display: block;
	font-size: 9.067vw;
}
.goals .goals_contents {
	width: 90.667vw;
	margin: 0 auto;
	padding: 0 4.667vw;
	background: #fff;
}
.goals_contents .logo_goals,
.goals_contents .logo_company {
	padding: 8vw 0;
	text-align: center;
}
.goals_contents .logo_goals {
	position: relative;
}
.goals_contents .logo_goals::after {
	content: "";
	position: absolute;
	background: var(--base);
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
}

.goals_contents .logo_goals img {
	width: 82%;
}
.goals_contents .logo_company img {
	width: 78%;
}

.goals-ttl {
	padding: 8vw 0 13.333vw;
	text-align: center;
	font-weight: bold;
	color: #fff;
}
.goals-btn {
	width: 6.267vw;
	margin: 0 auto;
	padding: 0 0 8vw;
	text-align: center;
}