@charset "utf-8";
/* CSS Document */
.main_img{
	background:url(../img/top_section.jpg) center center no-repeat #F5F2F3;
	}

span+.bold{
	margin-left:10px;
}

.bold{
	font-weight:bold;
	}

ol.ol{
	border:1px solid #ccc;
	padding:20px;
	padding-bottom:0;
	margin-bottom:40px;
	}


ol.ol li{
	position:relative;
	padding:8px 20px 20px 40px;
	list-style:none;

counter-increment: question;
position:relative;
	}
ol.ol li:before{
	content: counter(question);
	background:#7FBFBC;
	color:#fff;
	font-style:italic;
	font-size:16px;
	padding:10px;
	width:15px;
	height:15px;
	border-radius:50%;
	line-height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;

}

.flexBox{
	display: flex;
	justify-content:space-between;
	flex-wrap:wrap;	}
.flexLeft{
	width:calc(100% - 400px);
}

.flexRight{
	width:380px;	
}



@media screen and (max-width: 750px){
	.flexBox{	 flex-direction:         column-reverse;}
	.flexLeft{
		width:100%;
	}

	.flexRight{
		width:100%;
		margin-bottom:30px;
	}
ol.ol{
	padding:10px;
	padding-bottom:0;
	}

ol.ol li{
	padding-right:0;
}
	
}

@media (max-width: 1020px) and (min-width: 750px) { 
}
/*-----------公開後修正-------------*/
span a{
	text-decoration:none;
}