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

#sn_wrap{
    width: 100%;
    margin: 0% auto;
    color: #000000;
    display: block;
    font-weight: 400;
    overflow: hidden;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 1px;
}
#sn_wrap a{
    text-decoration: none;
}
#sn_wrap a:hover{
    text-decoration: none;
}
#sn_wrap a:link{
    opacity: 1;
}

#sn_wrap img{
    width: 100%;
    line-height:0;
    vertical-align: bottom;
    border: none;
}

#sn_wrap .inner{
    width: 800px;
	margin: 0 auto;
}

#sn_wrap h2{
	font-size: 19px;
	font-weight: 700;
}

#sn_wrap ul{
	font-size: 14px;
	margin-bottom: 1em;
	padding-left: 20px;
}

#sn_wrap ul li{
	list-style: disc;
}

#sn_wrap p{
	font-size: 14px;
}

#sn_wrap .guide_box{
	margin: 5% 0;
}

#sn_wrap .guide_box .guide_img{
	width: 50%;
	margin: 0 auto;
}

#sn_wrap .guide_box .guide_img img:nth-child(2) {
	margin-bottom: 10%;
}
#sn_wrap .guide_box .guide_img img:nth-child(3) {
	margin-bottom: 5%;
}
#sn_wrap .guide_box .guide_img img:nth-child(4) {
	margin-bottom: 15%;
}


@media only screen and (max-width:768px){
	#sn_wrap {
		width: 100%;
        margin: 0% auto;
	}
	
	#sn_wrap .inner {
		width: 90%;
        margin: 0% auto;
	}
	
    #sn_wrap h2{
        font-size: 16px;
    }	
	
    #sn_wrap ul{
        font-size: 14px;
    }

    #sn_wrap p{
        font-size: 14px;
    }
	
    #sn_wrap .guide_box{
        margin: 10% 0;
    }	
	
    #sn_wrap .guide_box .guide_img{
        width: 95%;
    }
	
}