#w_mv {
	position: relative;
}

#w_mv img {
	width: 100%;
	height: auto;
}

#mv_sp {
	display: none;
}

#main_text {
	z-index: 10;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -145px 0 0 -216px;
	opacity: 0;
	max-width: 432px;
	max-height: 291px;
	width: 432px;
	height: 291px;
}

#main_text img {
	max-width: 100%;
	height: auto;
}

.mask path,
.mask line,
.mask polyline {
	fill: none;
	stroke: #fff;
	stroke-width: 11;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	stroke-dasharray: 1500;
	stroke-dashoffset: 1500;
}

#top_service {
	padding: 90px 0;
}

#top_service h2+p {
	text-align: center;
	margin-bottom: 35px;
}

#top_service .box {
	background: url(../img/index/service_20230220.jpg) no-repeat 30px 0;
	padding: 30px 0 50px 510px;
}

#top_service .box p {
	font-size: 20px;
	line-height: 2;
	margin-bottom: 40px;
}

.top_tile {
	text-align: center;
	color: #fff;
	padding: 100px 4%;
}

.top_tile p {
	margin-bottom: 40px;
	line-height: 1.8;
}

.top_tile .btn01 {
	margin: 0 auto;
}

#top_company {
	background: url(../img/index/company605.jpg) no-repeat center/cover;
}

#top_tech_csr {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#top_tech_csr>div {
	width: 50%;
	padding: 140px 4%;
}

#top_tech {
	background: url(../img/index/tech.jpg) no-repeat center/cover;
}

#top_csr {
	background: url(../img/index/csr.jpg) no-repeat center/cover;
}

#top_staff {
	background: url(../img/index/staff_20200728.jpg) no-repeat center top/cover;
}

#top_news {
	padding: 90px 0;
	background: url(../img/index/news.jpg);
}

#top_news .btn01 {
	margin: 0 auto;
}

#top_news ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 100px 0 30px;
}

#top_news ul li {
	width: 22%;
}

#top_news ul:before {
	order: 1;
}

#top_news ul:before,
#top_news ul:after {
	content: '';
	display: block;
	width: 22%;
}

#top_news ul a {
	display: block;
	-moz-transition: ease 0.2s;
	-o-transition: ease 0.2s;
	-webkit-transition: ease 0.2s;
	transition: ease 0.2s;
}

#top_news ul a:hover {
	opacity: 0.6;
}

#top_news ul .date {
	color: #9b0921;
	font-size: 16px;
	margin: 8px 0;
}

@media only screen and (max-width: 736px) {
	#mv_sp {
		display: block;
	}

	#mv_pc {
		display: none;
	}

	#main_text {
		width: 216px;
		height: 146px;
		margin: -73px 0 0 -108px;
	}

	#top_service {
		padding: 40px 0;
	}

	#top_service h2+p {
		text-align: center;
	}

	#top_service .box {
		padding: 78% 0 0;
		background: url(../img/index/service_20230220.jpg) no-repeat top center/80% auto;
	}

	#top_service .box p {
		font-size: 14px;
	}

	.top_tile {
		padding: 45px 4%;
	}

	#top_tech_csr>div {
		width: 100%;
		padding: 75px 4% 55px;
	}

	#top_news {
		padding: 40px 0;
	}

	#top_news ul {
		margin-top: 40px;
	}

	#top_news ul li {
		width: 46%;
		margin-bottom: 20px;
	}

	#top_news ul .date {
		font-size: 12px;
		margin: 5px 0;
	}
}