/* CSS Document */

article{
	margin: 2% auto 5%;
	position: relative;
	max-width: 1600px;
}
h3{
	color: #fff;
	font-size: 6.0rem;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: #377dc2;
	font-family: 'Questrial', sans-serif;
	text-align: left;
	
}

h4{
	font-size: 2.5rem;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	text-align: left;
	margin: 0 auto;
}


.yellowmaru img{
	position: absolute;
	top: -50px;
	left: -20%;
	max-width: 450px;
	width: 60%;
	z-index: -1;
}

.Photo{
	width: 38%;
	margin: 15% 0 5% auto;
}
.Txt{
	width: 60%;
	padding: 20px;
}
.Txt .yellowmaru{
	max-width: 500px;
	margin: 0 0 8% auto;
}
.Txt p{
	max-width: 500px;
	margin: 0 0 0 auto;
}

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

.num{
	font-size: 4.0rem;
}
h3{
	font-size: 4.5rem;
	
}

h4{
	font-size: 2.0rem;
}
.Photo{
	width: 60%;
	margin: 0px 0 10px auto;
}
.Txt{
	width: 90%;
	padding: 20px;
	margin: 0 auto;
}
.Txt .yellowmaru{
	max-width: inherit;
	margin: 0 0 6% auto;
}
.Txt p{
	max-width: inherit;
}
	
}