@charset "utf-8";
/* CSS Document */


.works_mv {
	max-width: 90%;
	margin: auto;
}

h2 {font-size: 28px;}
h2 span {
	display: block;
	font-weight: 400;
	font-size: 16px;
	margin-top: 5px;
}

.whitebg {
	width: 90%;
	margin: auto;
}

.box01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.mission_box {
	width: 50%;
}

.mission_list {
	padding-left: 10px;
}
.mission_list li {
	background: url("../img/list_disc.png") left 0px top 7px no-repeat;
	background-size: 10px auto;
	padding-left: 15px;
	font-weight: 400;
	line-height: 1.8em;
}
	


.spec_box {
	width: 40%;
	margin-top: 30px;
	font-weight: 400;
	line-height: 1.8em;
}


.explain {
	display: flex;
	flex-wrap:wrap;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 50px;
	
}

.explain img {
	width: 45%;
	box-shadow: 2px 5px 5px gray;
}

.explain div {
	width: 45%;
	color: #555;
}

@media screen and (max-width:768px){
	.mission_box,
	.spec_box,
	.explain img,
	.explain div{
		width: 100%;}
}