@charset "UTF-8";

section{
    float: left;
    width: 480px;
    padding: 0 40px 0 0;
    margin: 0 0 50px;
}
section:nth-child(2n){padding: 0;}
.img{margin: 0 0 15px;}
.hover a:hover .img{opacity: 0.6;}
h3{margin: 0 0 20px;}
.hover a:hover h3{color: #000;}
#breadClumbs{margin: 40px 0 0;}


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

section{
	width: 100%;
    float: none;
    padding: 0;
    margin: 50px 0 0;
}
section:first-child{margin: 0;}
.img img{width: 100%;}

/* sp end */
}