@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;
}
main section dl{
	border-bottom:1px solid #97e4fd;
	display: table;
	width:100%;
}
main section dl:first-child{
	border-top:1px solid #97e4fd;
}
main section dt{
	display: table-cell;
	background:#e7f9ff;
	padding:15px;
	width:22%;
	text-align: center;
	vertical-align: middle;
}
main section dd{
	display: table-cell;
	padding:15px;
	width:auto;
}
main section ul li{
	border-bottom:1px dotted #bfbfbf;
	padding:8px;
	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{
	justify-content: center;
}
main section div ul{
	width: 60%;
	margin-right: auto;
}
main section div figure{
	max-width:410px;
	padding-top:20px;
}

/* main section div figure img {
	width: 50%;
} */

.image_after{
	margin-top: 15px;
}

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

	main section dl{
	display: block;
}

main section dt{
	display: block;
	width:100%;
	text-align: left;
	padding:8px;
	box-sizing: border-box;
}
main section dd{
	display: block;
	width:100%;
	padding:8px;
	box-sizing: border-box;
}
	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;
}
	
	
}