@media screen and (max-width:750px){
	.ttl {
		font-size: 220%;
		text-align: center;
	}
	.procedure{
		font-size: 170%;
		line-height: 1.6;
	}

	h1{
		font-size:230%;
	}
	.period{
		font-size:200%;
	}
	.procedure{
		font-size: 170%;
		line-height: 1.6;
	}
	
	.ph{
		width:100%;
		height: auto;
		margin: 2% auto 0;
		text-align: center;
	}

	.ph img{
		width: 90%;
		height: auto;
	}
	
	.titlenum{
		font-size: 240%;
	}

	.point>p{
		font-size: 190%;
	}
		.point>.attention{
		font-size: 120%;
		
	}
		
		#lead{
		font-size:130%;
	}

	h2{
		font-size: 220%;
		
	}	
		.howlead{
		font-size: 170%;
		margin-bottom: 1%;
		padding-left:1em;
		text-indent: -1em;
	}

	.num {
		margin-top: 5em;
	}
	
}

@media screen and (max-width:540px){
	.ttl{
		font-size: 190%;
		text-align: center;
	}

	.procedure{
		font-size: 160%;
		line-height: 1.5;
	}
	.ph{
		width:100%;
		height: auto;
		margin: 2% auto 0;
		text-align: center;
	}
	.ph img{
		width: 92%;
		height: auto;
	}
	h1{
		font-size:180%;
	}
	.period{
	
		font-size:160%;
	}
	.titlenum{
		font-size: 220%;
		width:30%;
	}

	.point>p{
		font-size: 159%;
	}

	.point>.attention{
		font-size: 110%;
		
	}
	
	#lead{
		font-size:130%;
	}

	h2{
		font-size: 18	0%;
		
	}	
	
	.howlead{
		font-size: 150%;
		margin-bottom: 1%;
		padding-left:1em;
		text-indent: -1em;
	}
	
/* 	.ph{
	width:100%;
	height: auto;
	text-align: center;
}

.ph img{
	width:100%;
	height: auto;
	
} */

}

@media screen and (max-width:375px){
	
	h1{
		font-size:146%;
	}
	.period{
		border-top:1px solid #000;
		border-bottom: 1px solid #000;
		font-size:130%;
	}
	.titlenum{
		font-size: 175%;
		width:30%;
		margin: -7% auto 2%;
	}

	.point>p{
		font-size: 185%;
		margin:0 1% 4%;
		line-height: 1.5;
	}
	
	.point>p>span {
		font-size: 89%;
	}

	.point>.attention{
		font-size: 110%;
	}
	
	#lead{
		font-size:110%;
	}

	h2{
		font-size: 150%;
		
	}	
	
	.howlead{
		font-size: 130%;
		margin-bottom: 1%;
		padding-left:1em;
		text-indent: -1em;
	}
	
	.ph{
		width:100%;
		height: auto;
		text-align: center;
	}

	.ph img{
		width:100%;
		height: auto;
		
	}
	
	h3{
		font-size: 140%;

	}

	.attention{
		font-size: 105%;
		
	}
	
}