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


.mainMenu { z-index: 10000;}

/*PC*/
@media print, screen and (min-width: 769px) {


#hedImg {
background: url(../images/base/hed_img.jpg) center center no-repeat;
background-size: cover;
}


.base_img { width:100%; margin:0 auto 40px; padding:0; list-style-type:none;}
.base_img li { width:31.33%;  float:left; margin-right:3%; margin-bottom:3%;}
.base_img li p { padding:5px 0; text-align:center;}
.base_img li p span { display:block; font-size:0.8em; padding:5px 0; text-align:center;}
.base_img li:nth-child(3n+3) { margin-right:0;}

}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 768px) {


#hedImg {
background: url(../images/base/hed_img.jpg) center center no-repeat;
background-size: cover;
}


.base_img { width:100%; margin:0 auto 40px; padding:0; list-style-type:none;}
.base_img li { width:100%;margin-bottom:3%;}
.base_img li p { padding:5px 0; text-align:center;}
.base_img li p span { display:block; font-size:0.8em; padding:5px 0; text-align:center;}
.base_img li:nth-child(2n+2) { margin-right:0;}


}