@charset "UTF-8";

#mv { height:400px; }
#mv p { line-height:0; }
#mv img {
	width:960px; height:400px;
	object-fit:cover; object-position:0 0; 
}


.mvBox {
	width:960px;
	background-color:#33a7e2;
	padding:30px 40px;
}
.mvBox p { width:47%; }
.mvBox img { width:100%; }
.mvBox div { width:50%; }
.mvBox h2 {
	border:none;
	color:#FFF;
	text-align:left;
	margin-bottom:15px; padding:0;
}
.mvBox h3 { color:#000; font-size:20px; font-weight:bold; }
.mvBox div p { width:100%; }
.mvBox .btn { margin-top:25px; }
.mvBox .btn a { width:100%; color:#0091db; background-color:#FFF; }

#infomation ul { padding:0; justify-content:flex-start;}
#infomation li {
	border:1px solid #33a7e2;
	width:calc(100%/3);
	padding:40px;
	list-style-type:none;
	margin:0;
}
#infomation li:nth-of-type(3n) ,
#infomation li:nth-of-type(3n-1) { border-left:0; }
#infomation li:nth-of-type(n+4) { border-top:0; }
#infomation li h3 { text-align:center; color:#0091db }

#footBox table { width:50%; background-color:#FFF; }
#footBox th { background-color:#FFF; color:#0091db; }
#footBox div:first-of-type { margin-bottom:40px; }

table, tr, td, th { border:1px solid #0091db; }

/*------------------------------------------------------------
	レスポンシブ
------------------------------------------------------------*/
@media (max-width: 768px){
	section.mvBox { width:100%; }
	.mvBox img { margin-bottom:20px; }
	.mvBox h2 { font-size:22px; }
	.mvBox h3 { font-size:18px; }
	.mvBox p { width:100% }
	.mvBox div { width:100%; }

	#products p { width:100%; }

	#infomation li { width:100%; margin-bottom:0; }
	#infomation li:nth-of-type(n+2) { border:1px solid #33a7e2; border-top:none;}

}