@charset "UTF-8";

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

/*　BUSINESS
-----------------------------*/
.business {
	padding: 95px 0 280px;
	background: url(../image/top/top-bg-content.jpg) no-repeat center bottom;
	background-size: cover;
	position: relative;
}
.business > p {
	font-size: 12.6rem;
	color: #f9eeee;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 10;
}

.busi-content {
	position: relative;
}
.busi-bg-white {
	width: calc(50% + 570px);
	height: 507px;
	background: #fff;
}
.busi-box {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.busi-box section {
	width: 1300px;
	margin: 0 auto;
	padding: 50px 50px 0;
}
.busi-box section h2 {
	padding: 0 0 30px;
}

/*　説明 --------*/
.business-ttl {
	display: flex;
	padding: 0 0 50px;
}
.business-ttl p:first-child {
	width: 450px;
	font-size: 3.6rem;
	font-weight: bold;
}
.business-ttl p:last-child {
	width: 570px;
}

/*　不動産買う・売る ボタン--------*/
.business-btn {
	display: flex;
	justify-content: space-between;
	max-width: 1200px;
	margin: 0 auto;
}

.business-btn p {
	width: 49%;
	text-align: center;
	font-size: 3rem;
	font-weight: bold;
}
.business-btn p:first-child {
	background: url(../image/top/top-bgbuy.jpg) no-repeat center top;
}
.business-btn p:last-child {
	background: url(../image/top/top-bgsell.jpg) no-repeat center top;
}
.business-btn p a {
	display: block;
	padding: 132px 0;
	color: #fff;
	position: relative;
}
.business-btn p a span.bn-ttl {
	margin: 0 10px;
	padding: 0 10px;
	color: #5c3c11;
	background: #fff;
}
.business-btn p a span.bn-img {
	display: block;
	width: 30px;
	position: absolute;
	top: 120px;
	left: 85%;
}

/* COMPANY
-----------------------------*/
.company {
	display: flex;
	width: 1300px;
	overflow-x: hidden;
	margin: 0 auto 100px;
}

.com-left {
	width: 792px;
	padding: 50px 0 0;
}
.com-left > p {
	padding: 0 0 30px 50px;
	line-height: 1;
	font-size: 12.6rem;
	color: #f9eeee;
}

.com-left-flex {
	display: flex;
}
.com-left-flex p.com-pc {
	display: block;
	width: 243px;
	padding: 55px 0 0 0;
}
.company-ttl {
	width: 549px;
	padding: 0 50px;
}
.company-ttl h2 + p {
	padding: 20px 0;
	font-size: 3.6rem;
	font-weight: bold;
}
.company-ttl h2 + p + p {
	padding: 0 0 60px;
}
.company-ttl h2 + p + p br {
	display: none;
}

/* ボタン
-----------------------------*/
.company-ttl p.btn-link a {
	display: block;
	width: 280px;
	padding: 20px 30px;
	font-weight: bold;
	color: #fff;
	background: var(--red);
	position: relative;
}
.company-ttl p.btn-link a span {
	display: block;
	width: 30px;
	position: absolute;
	top: 20px;
	left: 80%;
}

/*写真　*/
.company-ph {
	width: 508px;
}
.company-ph p:first-child {
	display: none;
}

/* SDGS
-----------------------------*/
.goals {
	padding: 60px 0 0;
	background: url(../image/top/top-bg-sdgs.jpg) no-repeat center top;
	background-size: cover;
	align-items: center;
}
.goals h2 {
	margin: 0 0 30px;
	line-height: 1.2;
	text-align: center;
	color: #fff;
	font-weight: 600;
}
.goals h2 span {
	display: block;
	font-size: 4.6rem;
}
.goals .goals_contents {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 770px;
	height: 104px;
	margin: 0 auto;
	background: #fff;
}
.goals_contents .logo_goals,
.goals_contents .logo_company {
	padding: 0 38px;
}
.goals_contents .logo_goals {
	position: relative;
}
.goals_contents .logo_goals::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 77px;
	background: var(--base);
	top: calc(50% - 77px / 2);
	right: 0;
}
.goals_contents .logo_goals img {
	width: 354px;
}
.goals_contents .logo_company img {
	width: 254px;
}

.goals-ttl {
	padding: 30px 0 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
}
.goals-ttl br.pcno {
	display: none;
}

.goals-btn {
	padding: 60px 0;
	text-align: center;
}