@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 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{
	justify-content: center;
}
main section div ul{
	width: 60%;
	margin-right: auto;
}
main section .trouble{
	width: 60%;
	margin-right: auto;
}
main section .trouble ul{
	width:100%;

}


main section div figure{
	max-width:410px;
	padding-top:20px;
}

main section div p{
	width: 60%;
	margin-right: auto;
}

main section .trouble p{
	width: 100%;
	margin-right: auto;
}

.trouble .next {
	text-align: center;
    padding-top: 15px
}

@media screen and (min-width: 800px){
.btn{
	text-align: left;
}
}
	
@media screen and (max-width: 800px){
main section{
	padding-bottom:15px;
}

main section div ul{
	width: 100%;
	margin-right: none;
		order: 2;
}

main section .trouble{
	width: 100%;
	margin-right: none;
		order: 2;
}

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

/*---vr---*/
#vr{
	padding:30px 0;
    text-align: center;
}

#vr p{
	color:#007fc5;
	font-size:1.2em;
	line-height: 170%;
	padding:15px 0;
}
#vr p span{
    color:#B90000;
    font-size:.9em;
    display:block;
}

@media screen and (max-width: 900px){
	#vr p{
		font-size:1.0em;
	}
    #vr p span{
    font-size:.8em;
}
}