@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}
.top{
	width: 100%;
	height: 22vw;
	background: url(../img/top.png)no-repeat;
	background-size: 100% 100%;
}
.topbox{
	width: 100%;
	height: 5vw;
	padding-top: 1vw;
}
.logobox{
	width: 4vw;
	height: 4vw;
	//background-color: white;
	display:flex;
	justify-content:center;
	align-items:center;
	float: left;
	border-radius: 100px;
	margin-left: 1vw;
}
.logobox img{
	height: 85%;
}
.title{
	width: 60%;
	height: 4vw;
	float: left;
	display:flex;
	align-items:center;
	margin-left: 10px;
}
.title p{
	font-size: 1vw;
	color: white;
}
.headbox{
	width: 100%;
	height: 13vw;
	padding-top: 2.5vw;
}
.p01{
	font-size: 2.4vw;
	color: white;
	font-weight: bold;
	letter-spacing: 1vw;
	text-align: center;
}
.p02{
	font-size: 1.2vw;
	color: white;
	text-align: center;
}
.content{
	width: 90%;
	height: 50vw;
	margin: 1.5vw 5%;
}
.line{
	width: 100%;
	height: 1vw;
	border-bottom: 0.1vw dashed #186dda;
	margin-bottom: 1vw;
}
.p-box{
	width: 100%;
	height: 30vw;
}
.imgbox{
	width: 23.75%;
	height: 100%;
	margin-right: 1%;
	float: left;
	overflow: hidden;
}
.maleft{
	margin-left: 1%;
}
.imgbox img{
	width: 100%;
}
.text{
	width: 100%;
	height: 15vw;
}
.textbox{
	width: 23.75%;
	height: 100%;
	margin-right: 1%;
	float: left;
	overflow: hidden;
}
.textbox p{
	font-size: 1.1vw;
}
.bottom-box{
	width: 100%;
	height: 5vw;
	display:flex;
	justify-content:center;
	align-items:center;
	background: url(../img/bottom.png)no-repeat;
	background-size: 100% 100%;
}
.bottom-box p{
	color: white;
	font-size: 1.1vw;
}