@charset "utf-8";

/* ------------------------------------- /
/   contentsBox
/* ------------------------------------- */

body#sp h2 {
	background: url(../sp/img/h2.png) no-repeat center;
	height: 55px;
	margin: 0;
	text-indent: -9999px;
}

h3.sp01 {
	background: url(../sp/img/h3_01.gif);
}

h3.sp02 {
	background: url(../sp/img/h3_02.gif);
}

p.item img {
	-moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear;
}

p.item img:hover {
	-webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

@media screen and (max-width: 768px) { /* 767px以下の場合 */

/* ------------------------------------- /
/   contentsBox
/* ------------------------------------- */

body#sp div.contentsBox {
	margin-top: 10px;
}

body#sp h2 {
	background: url(../sp/img/h2_s.png) no-repeat center;
	background-size: contain;
	height: 0;
	margin: 0;
	padding-top: 12.03%;
	text-indent: -9999px;
}

h3.sp01 {
	background: url(../sp/img/h3_01_s.gif);
}

h3.sp02 {
	background: url(../sp/img/h3_02_s.gif);
}

}