@charset "shift_jis";
.mkk {
	background:linear-gradient(transparent 50%, #fdfdd5 50%);
	display: inline;
	background-repeat: no-repeat;
	background-size: 0% 100%;
	transition: background-size 3s;
}
.mkk.on {
background-size: 100% 100%;
}
.wrap {
	overflow: hidden;
}
.w_img {
	float: left;
	width: 30%;
	max-width: 200px;
}
.w_txt {
	float: left;
	width: 65%;
	margin: 0 0 0 5%;
}
@media screen and (min-width:320px) and ( max-width:767px) {
	.wrap {
		overflow: hidden;
	}
	.w_img {
		float: none;
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
		text-align: center;
	}
	.w_txt {
		float: none;
		width: 100%;
		margin: 0;
	}
	.w_h {
		text-align: center;
	}
}