/* CSS Document */

article{
	margin: 2% auto;
	padding: 3% 0;
	position: relative;
	max-width: 1600px;
}
article.backg{
	background: #f5f5f5;
}
.num{
	text-align: center;
	font-size: 5.0rem;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: #377dc3;
	font-family: 'Questrial', sans-serif;
}
h3{
	background: url("../img/common/blueline_back.png");
	color: #fff;
	border-radius: 30px;
	padding: 8px 8%;
	letter-spacing: 0.05em;
	text-align: center;
	margin: 0 auto ;
	display: inline-block;
	
}

h4{
	color: #377dc2;
	text-align: center;
	font-weight: 700;
	margin: 4% auto 4%;
}

.Photo{
	width: 38%;
	margin: -10% 0 10px auto;
}
.Txt{
	width: 60%;
	padding: 0px 20px;
}
.Txt p{
	max-width: 500px;
	margin: 0 0 0 auto;
}
.backg .Photo{
	width: 38%;
	margin: -10% auto 10px 0;
	order: 1;
}
.backg .Txt{
	width: 60%;
	padding: 0px 20px;
	order: 2;
}
.backg .Txt p{
	max-width: 500px;
	margin: 0 auto 0 0;
}

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

.num{
	font-size: 4.0rem;
}
h3{
	padding: 5px 8%;
	
}
h4{
	margin: 2% auto;
}
.Photo{
	width: 60%;
	margin: 10px 0 10px auto;
}
.Txt{
	width: 90%;
	padding: 0 10px;
	margin: 0 auto;
}
.backg .Photo{
	width: 60%;
	margin: 10px auto 10px 0;
	order: 2;
}
.backg .Txt{
	width: 90%;
	padding: 0 10px;
	margin: 0 auto;
	order: 1;
}
.Txt p,
.backg .Txt p{
	max-width: inherit;
}
	
}