@charset "UTF-8";
@import url(cmn.css);
@import url(base.css);
@import url(base_sp.css);


main h2{
	margin-bottom:30px;
}
main section{
	padding-bottom:30px;
}

main section p{
	padding-bottom:10px;
}
main section ol li{
	list-style-type: decimal;
	list-style-position: inside;
}

#col01{
	
}


main section ul li{
	border-bottom:1px dotted #bfbfbf;
	padding:5px;
	position:relative;
	padding-left:20px;
}
main section ul li:before{
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	left:0;
	top:calc(50% - 5px);
	border-radius: 50%;
	border:solid 3px #3ecfff;
}
main section div#col01{
	justify-content: center;
}
main section div#col01 div{
	width: 60%;
	margin-right: auto;
}
main section div#col01 figure{
	width: 35%;
	padding-top:20px;
}

main section div#col02{
	justify-content: space-between;
}

main section div#col02 figure{
	max-width:30%;
	padding-top:20px;
}


@media screen and (max-width: 800px){
main section{
	padding-bottom:15px;
}

	main section div ul{
	width: 100%;
	margin-right: none;
		order: 2;
}
main section div figure{
	width: 90%;
	padding-top:0;
	padding-bottom:20px;
	order: 1;
	margin:auto;
}
	main section div#col01 div{
	width: 100%;
	margin-right: 0;
	order: 2;
}
main section div#col01 figure{
	width: 90%;
	order: 1;
	margin:auto;
}

main section div#col02 figure{
	max-width:90%;
	width: 90%;
	padding-top:0;
	margin:auto;
}
}