@charset "UTF-8";
.box1{
	width: 100%;
	background: #00b900;
	color: #fff;
	height:500px;
	align-items:center;
	display:flex;
}
.box1 .mainImage{
	width:fit-content;
	height:fit-content;
	margin:auto;
}
.box1 .mainImage p{
	text-align:center;
}
.box1 #sp{
	display:none;
}

.box2 {
	padding: 50px 0;
}
.box2 div h4{
	font-size:1.4rem;
	font-weight:bold;
	border-bottom:2px solid #00b802;
	padding-bottom:0.6em;
	margin:0 0 3em 0;
}
.box2 div h4 em{
}
.box2 div h4 span{
	margin:0 7px;
	color:#00b802;
}
.box2 div ul{
	width:96%;
	max-width:1400px;
	margin:0 auto 100px auto;
	display:flex;
	box-sizing:border-box;
	justify-content:space-between;
}
.box2 div ul li{
	width:30%;
	background:#ffffff;
	box-sizing:border-box;
}
.box2 div ul li img{
	margin:auto;
	display:block;
}
.box2 div ul li dl{
	color:#c32020;
	text-align:center;
	font-size:1.3rem;
	margin:0 0 0.5em 0;
}
.box2 div ul li dl span{
	color:#fff;
	background:#c32020;
	padding:2px 10px;
	margin:0 0 0 7px;
}
.box2 div ul li dt{
	width:100%;
	margin:20px auto 10px;
	border-bottom:1px solid #000;
	font-size:1.1rem;
}
.box2 div ul li dd{
	width:100%;
	margin:0 auto;
}
.box2 section h2{
	padding: 0 0 45px;
	font-size: 46px;
	font-weight: bold;
}
.box2 section h2 span{
	color: #fff000;
}
.box2 section p{
	font-size: 46px;
	font-weight: bold;
	padding: 100px 0 30px;
}
.box2 section .btn a:hover img{
	 opacity: 0.9;
	 filter: alpha(opacity=90);
	 -ms-filter: "alpha(opacity=90)";
}

@media screen and (max-width:768px) {
	.box1 .mainImage{
		width:90%;
		max-width:fit-content;
	}
	.box1 #sp{
		display:unset;
	}
	.box1 #pc{
		display:none;
	}
	.box1{
		width: 100%;
		height:unset;
		padding:100px 0;
	}
	.box1 .mainImage p{
		text-align:unset;
	}
	.box1 img{
		width:100%;
	}
	.box2{
		display:none;
	}
	.box1 .btn a{
		width:100%;
		background:#fff;
		width:100%;
		display:block;
		margin:20px 0 0 0;
		border-radius:5px;
		padding:10px 0;
		text-align:center;
	}
}