@charset "UTF-8";
.mynumber-title{
	margin: 0 15px;
	margin-top: 20px;
	font-size: 140%;
	font-weight: bold;
	max-width: 1200px;
}
main h1 {
	font-weight: bold;
	font-size: 130%;
	margin: 0 15px;
	max-width: 1200px;
}
main ol{
	list-style-type: decimal;
	margin:20px 15px 20px 15px;
}
main ol li{
	margin-top: 10px;
	margin-left: 19px;
	font-weight: bold;
}
main .mynumber-img img{
	display: block;
	width: 100%;
	height: auto;
}
@media Screen and (min-width:768px){
	.mynumber-title{
		margin:0 auto;
		padding:0 25px;
		box-sizing: border-box;
		margin-top: 40px;
		font-size: 180%;
	}
	main h1 {
		font-size: 160%;
		margin: 0 auto;
		padding:0 25px;
		box-sizing: border-box;
	}
	.my-float{
		display: flex;
		justify-content: space-between;
		max-width: 1200px;
		padding: 25px ;
		box-sizing: border-box;
		margin: auto;
	}
	main ol{
		margin:0 0px;
		width: 48%;
		margin-bottom: 40px;
	}
	main .mynumber-img{
		width: 48%;
		margin-top: 20px;
	}
}