/* FONTS */
@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,700,900);

/* OVERALL ASPECT */

body {
    background-color: #fff;
    font-family: "Lato", "游ゴシック Medium", "Yu Gothic Medium",;
    font-weight: 300;
    font-size: 16px;
    color: #555; 
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}


.headerbox{width: 980px;}
.headerbox img{width: 100%;}


.logobox{width: 300px; max-width: 100%;}

.maincontents{text-align: center;}
.maincontentsbox img{width: 20%; padding-top: 100px; margin-right: 30px;}
.maincontentsbox2 img{width: 20%; padding-top: 100px; margin-left: 30px;}
.footerbox{height: 200px;}

/*PC表示*/
@media screen  and (min-width:851px){ 
	/*PCでは表示させない*/
	

}

/*SP表示*/
@media screen  and (max-width:850px){
	body{width: 100%;}
	.headerbox{width: 100%; }
	.logobox{max-width: 150px; margin-left: 10px;}
	.maincontents {width: 100%; margin-left: auto; margin-right:auto;}
	.maincontentsbox img{width: 50%;}
	.maincontentsbox2 img {width: 50%;}

}