@media screen and (max-width: 640px) {
	
	
	body {
		background: unset;
		overflow-x: hidden;
		
	}

	img {
		width: unset;
		height: unset;
	}
	
	body,
	.perList,
	.p5a,
	.p5b,
	.p5c,
	.info,
	.mcol,
	.mcols,
	.col_l,
	.col_r,
	.mcol p,
	p.box,
	address,
	#header,
	#contents1, 
	.perList,
	footer,
	.contents1,
	.contents1 h2,
	.info {
		width: unset;
	}
	
	
	#wrap {
		width: 98%;
		margin-left: 1%;
		overflow-x: hidden;
	}
	
	.perImage,
	.mcol img {
		width: 40vw;
	} 
	
	.contents1 {
		width: 100%;
		overflow-x: hidden;
	}
	
	.contents1 h2 {
		margin:0;
	}
	
	h3 img {
		width: 100%;
	}
	
	#header img {
		width: 100%;
	}
	
	.col_l, .col_r, .mcol img, .mcol p {
		float: unset;
	}
	
	h3 img {
		width: 200%;
	}
	
	.f14w {
		display: block;
		padding: 0;
		text-align: center;
		letter-spacing: 0.1em;
	}
	
	.mcol p {
		padding-top: 1em;
	}
	
	h3.nyusen {
    	width: 150%;
	}
	
	
}