@charset "UTF-8"; 

body {
	background-image: url("../img/kabegami.jpg");
	margin: 0 auto;

}
/*===============================
	article
================================*/

.img {
	max-width: 960px;
	margin: 0 auto;
	height: auto;
}

.text {
	margin: 30px auto;
	max-width: 600px;
}
.text p {
	margin: 0 20px;
	padding-bottom: 20px;
}
.text ul {
	margin: 0 20px;
}

.img-box {
	display: flex;
}
.img-box img {
	width: 50%;
}
.area {
	margin: 40px 0;
}

@media screen and (min-width: 768px) {

	.text {
		margin: 80px auto;
		max-width: 600px;
	}
	.top-img img {
		width: 80%;
		max-height: 700px;
		margin: 0 auto;
	}
}