@charset "utf-8";

/* about_sp.css：SP
 * ======================================
 *
 * ======================================
 */


/* #mv
------------------------------------------------------------------ */
#mv_bg {
	background: url(../images/mv_bg_skew-8_sp.jpg) no-repeat center top;
	background-size: cover;
}

/* cat01
------------------------------------------------------------------ */
#cat01 .photo {
  display: block;
  width: 60%;
  margin: 10px auto 40px;
}
@media screen and (min-width: 600px) {
	#cat01 .inner {
		padding: 20px 50% 16vw 5%;
	}
	#cat01 .photo {
	  width: 40%;
	  position: absolute;
	  top: 0;
	  right: 8%;
	  z-index: -1;
	}
}

/* cat02
------------------------------------------------------------------ */
#cat02.sk_left:before {
	background: linear-gradient(-8deg,rgba(242,244,247,0) 10%,rgba(242,244,247,1.0) 100%);
	background-size: 100% auto;
}

#cat02 .photo {
  display: block;
  width: 70%;
  margin: 10px auto 0;
}
@media screen and (min-width: 600px) {
	#cat02 .inner {
		padding: 20px 8% 9vw 45%;
	}
	#cat02 .photo {
	  width: 43%;
	  position: absolute;
	  top: -4vw;
	  left: 0;
	  z-index: -1;
	}
}