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



/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 769px){
	
	#s05 {
		width: 100%;
		min-width: 1100px;
		background: url(../images/s05_bg.jpg) no-repeat;
		background-size: cover;
		padding: 90px 0;
		position: relative;
	}
	
	#s05 div.deco01{
		width: 108px;
		position: absolute;
		left: 100px;
		top: -80px;
	}
	
	#s05 ul{
		width: 640px;
		margin: 0 auto 38px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#s05 ul li{
		width: 136px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		line-height: 0;
		overflow: hidden;
	}
	
	#s05 div.contact {
		width: 799px;
		background: url(../images/s05_bg02_pc.png) no-repeat;
		background-position: center;
		background-size: contain;
		margin: 0 auto 40px;
		padding: 10px 0 50px;
	}
	
	#s05 div.contact p{
		width: 536px;
		margin: 0 auto;
	}
	
	#s05 div.contact p.text{
		width: 219px;
		margin: 0 auto 10px;
	}
	
	#s05 a.btn{
		width: 453px;
		margin: 0 auto;
		display: block;
	}
	
	#s05 div.deco{
		width: 41px;
		margin: 50px auto 25px;
	}
	
	#s05 h3{
		margin-bottom: 25px;
	}
}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media print, screen and (max-width: 768px){
	
	#s05 {
		width: 100%;
		background: url(../images/s05_bg.jpg) no-repeat;
		background-size: cover;
		padding: 40px 0 80px;
		position: relative;
	}
	
	#s05 div.deco01{
		width: 108px;
		position: absolute;
		left: 100px;
		top: -80px;
	}
	
	#s05 ul{
		width: 93.75%;
		margin: 50px auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#s05 ul li{
		width: 22%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		line-height: 0;
		overflow: hidden;
	}
	
	#s05 div.contact {
		width: 93.75%;
		background: url(../images/s05_bg02_sp.png) no-repeat;
		background-size: contain;
		background-position: center;
		margin: 0 auto 40px;
		padding: 10px 0 30px;
	}
	
	#s05 div.contact p{
		width: 78%;
		margin: 0 auto;
	}
	
	#s05 div.contact p.text{
		width: 60%;
		margin: 0 auto 10px;
	}
	
	#s05 a.btn{
		width: 93.75%;
		margin: 0 auto;
		display: block;
	}
	
	#s05 div.deco{
		width: 41px;
		margin: 30px auto;
	}
	
	#s05 h3{
		margin-bottom: 25px;
	}
}

@media print, screen and (max-width: 460px){

}