@charset "utf-8";
/* CSS Document */



.wrapper section {
	margin-bottom: 5em;
}
.tiles{}
.tiles li{
	margin-bottom: 60px;
	counter-increment: num;
}
.tiles li .imgbox{
	margin-bottom: 10px;
	position: relative;
}
.tiles li .imgbox::after{
	position: absolute;
	display: inline-block;
	content: counter(num);
	width: 50px;
	height: 50px;
	left: 10px;
	top: 10px;
	background: #71bc4a;
	border-radius: 50%;
	font: normal 28px/50px 'Open Sans', sans-serif;
	color: #e3e300;
	text-align: center;
}
/*===========================================

	画面サイズが750px以上の時

===========================================*/
@media screen and (min-width: 750px) {
	
	.itbox03 .imgbox{
		width: 54%;
		float: right;
	}
	.itbox03 .imgbox img{
		border: 5px solid #fff;
		filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
	}
	.itbox03 .txtbox{
		width: 42%;
		float: left;
	}
	.map img{
		width: 500px;
		height: auto;
	}
	ul.btn01{
		text-align: center;
	}
	ul.btn01 li{
		display: inline-block;
		padding: 0 20px;
	}
	.tiles{
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		flex-flow: row wrap;
	}
	.tiles li{
		width: 46%;
	}
}



/*===========================================

	画面サイズが749px以下の時

===========================================*/
@media screen and (max-width: 749px) {
	.itbox01 .imgbox{
		margin-bottom: 15px;
	}
	ul.btn01 li:first-child{
		margin-bottom: 10px;
	}
	
}