body {
	background-image: url('/top/img/mv-back.png');
	background-position: right -300px;
	background-repeat: no-repeat;
}

h1 {
	font-size: clamp(27px, 0.9173rem + 3.2864vw, 3.875rem);
}

.mv-area {
	height: calc(60vw * 2/3 + 3rem);
}

.mv-img-sub,
.mv-img-main {
	position: absolute;
	display: block;
}

.mv-img-sub {
	width: 45%;
	height: auto;
	top: 6.5rem;
	right: 0;
}

.mv-img-main {
	width: 63%;
	height: auto;
	top: 0;
	left: 0;
}

.logo-area {
	width: 85%;
	height: auto;
}

.lead-title,
.about-title,
.business-title {
	font-size: 1.625rem;
}

.link-news {
	border-bottom: solid 1px transparent;
	transition: border-bottom .15s ease-in-out;
}

.link-news:hover {
	border-color: #00A050;
}

.content-about,
.content-business {
	background-color: #FFFFFF;
	border-radius: 2rem;
}

.about-title:before,
.business-title:before {
	color: #EAF4EC;
	position: absolute;
	font-size: 2.5rem;
	font-weight: 700;
	top: 0rem;
	right: 0rem;
	z-index: -1;
}

.about-title:before {
	content: 'About';
}

.business-title:before {
	content: 'Business';
}

.btn-contact {
	background-color: #00A050;
	color: #FFFFFF;
	border: solid 1px #FFFFFF;
}

.btn-contact:hover {
	background-color: #FFFFFF;
	color: #00A050;
}

@media (min-width: 768px) {
	.mv-area {
		height: calc(60vw * 2/3 + 3rem);
	}
	
	.mv-img-sub {
		top: 9rem;
	}
	
	.logo-area {
		width: 80%;
	}
	
	.lead-title,
	.about-title,
	.business-title {
		font-size: 3rem;
	}
	
	.about-title:before,
	.business-title:before {
		font-size: 3rem;
	}
}

@media (min-width: 1200px) {
	.head-area {
		width: 70%;
		height: auto;
	}
	
	.mv-area {
		width: 30%;
		height: auto;
	}
	
	.mv-img-sub {
		width: 75%;
		top: 4.5rem;
		bottom: auto;
		left: 0;
		right: auto;
	}
	
	.mv-img-main {
		width: 88%;
		top: 13.5rem;
		bottom: auto;
		left: auto;
		right: 0;
	}
	
	.logo-area {
		width: 100%;
	}
	
	.lead-title,
	.news-title,
	.about-title,
	.business-title {
		font-size: 3.75rem;
	}
	
	.content-about,
	.content-business {
		background-color: transparent;
		border-radius: 0;
	}
	
	.content-about:before,
	.content-business:before {
		content: '';
		position: absolute;
		background-color: #FFFFFF;
		z-index: -1;
		border-radius: 2rem;
	}
	
	.content-about:before {
		top: 0;
		bottom: 0;
		left: 30%;
		right: 0;
	}
	
	.content-business:before {
		top: 0;
		bottom: 0;
		left: 0;
		right: 30%;
	}
	
	.about-title:before,
	.business-title:before {
		font-size: 4.5rem;
		right: auto;
	}
	
	.about-title:before {
		left: calc(50% + 1.5rem);
	}
	
	.business-title:before {
		left: 50%;
		transform: translateX(-50%);
	}
	
}

@media (min-width: 1400px) {
	body {
		background-size: contain;
	}
	
	.head-area {
		width: 65%;
	}
	
	.mv-area {
		width: 35%;
	}
	
	.mv-img-sub {
		width: 75%;
		top: 2.5rem;
	}
	
	.mv-img-main {
		width: 88%;
		top: 13.5rem;
	}
}