.boxes {
	margin:                 50px 12% 0;
	position:               relative;
	text-align:             center;
	z-index:                3;
}
.boxes article {
	background:             url(../images/shadow-content.png), url(../images/shadow-left.png), url(../images/shadow-right.png), url(../images/shadow-bottom.png), url(../images/shadow-top.png);
	background-repeat:      repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-position:    left top, left bottom, right bottom, left bottom, left top;
	background-size:        auto, auto, auto, 100% 6px, 100% 1px;
	background-origin:      content-box, border-box, border-box, padding-box, padding-box;
	background-clip:        content-box, border-box, border-box, padding-box, padding-box;
	border-left:            8px solid transparent;
	border-right:           8px solid transparent;
	-moz-box-sizing:         border-box;
	box-sizing:             border-box;
	display:                inline-block;
	height:                 159px;
	padding:                1px 0 6px;
	vertical-align:         top;
	width:                  32%;
}
.boxes a {
	color:                  #6e6e6e;
	display:                block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top:            25px;
	text-decoration:        none;
	-webkit-transition:     padding 0.3s;
	transition:             padding 0.3s;
}
.boxes a:hover {
	padding:                15px 0 10px;
}
.boxes a span {
	color:                  #156ab4;
	display:                block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:          10px;
	text-transform:         uppercase;
}
.boxes > br {
	display:                none;
}
.categories {
	text-align:             center;
}
.categories h1 {
	border:                 none;
	color:                  #156ab4;
	font-size:              2.5rem;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 21px;
	margin-left: 0;
}
.categories a {
	display:                inline-block;
	margin:                 0 2px;
	position:               relative;
	text-decoration:        none;
}
.categories a:after {
	content:                " ";
	height:                 100%;
	left:                   0;
	position:               absolute;
	top:                    0;
	-webkit-transition:      background-color 0.5s;
	transition:             background-color 0.5s;
	width:                  100%;
	z-index:                2;
}
.categories a:hover:after {
	background:             rgba(21,106,180,0.1)
}
.categories img {
	display:                block;
}
.categories span {
	background:             rgba(21,106,180,1);
	color:                  #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	left:                   0;
	position:               absolute;
	bottom:                 15px;
	text-transform:         uppercase;
	width:                  100%;
	z-index:                3;
}
.categories br {
	display:                none;
}
 @media all and (max-width:1024px) {
.boxes article {
	margin-bottom:        20px;
	width:                49%;
}
.boxes > br, .categories br {
	display:              block;
}
}
@media all and (max-width:750px) {
.categories h1 {
	font-size:              1.5rem;
}
.boxes {
	margin:               50px 16% 40px;
}
.boxes article {
	display:              block;
	margin:               0 0 20px;
	width:                100%;
}
.boxes > br {
	display:              none;
}
}
@media all and (max-width:480px) {
.categories h1 {
	font-size:              1.5rem;
}
.categories br {
	display:              none;
}
}
@media all and (max-width:320px) {
.categories h1 {
	font-size:              1.5rem;
}
.categor .boxes {
	margin:               50px 10% 40px;
}
.boxes article {
	display:              block;
	margin:               0 0 20px;
	width:                100%;
}
.boxes br {
	display:              none;
}
}