@charset "UTF-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');

htmi{height: 100%;}

body{
	
    font-family: noto sans Japanese;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
line-height: 200%;
	height: 100%;
	
}

p{font-size:70%;}
h{font-size: 120%;}
h2{font-size:130%;}

.top {
	
margin-top: 0;
	margin-bottom: 0;
	padding-top:30%;
	padding-bottom:30%;
	background-image:url(images/kumo1.svg) ,url(images/kumo2.svg) ,url(images/kumo3.svg),url(images/kumo4.svg);
	background-size: 65%,65%,65%,65%;
	background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
	background-position: left -10% top -1px,right -10% top 10%,left -5% bottom 25%,right -10% bottom -1px;
	
	}




#shimane{width:20%;}
#niigata{width:20%;}


.SHIMANE{width:13%;
}
.NIDVD{width:40%;
	}

.foryou{
	
	background-color:#D9E1E8;
	
	
	padding-top:30%;
	padding-bottom:30%;
	background-image:url(images/kumo5.svg) ,url(images/kumo6.svg) ,url(images/kumo7.svg),url(images/kumo8.svg);
	background-size: 65%;
	background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
	background-position: left -10% top -1px,right -10% top 10%,left -5% bottom 25%,right -10% bottom -1px;
	
	
}


#wakaruyo{margin-top: 10%;}
#jaa{margin-top:15%;
font-weight:bold;}

.NID{
	margin-top: 0;
	margin-bottom: 0;
	padding-top:30%;
	padding-bottom:30%;
	background-image:url(images/kumo1.svg) ,url(images/kumo2.svg) ,url(images/kumo3.svg),url(images/kumo4.svg);
	background-size: 65%;
	background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
	background-position: left -10% top -1px,right -10% top 10%,left -5% bottom 25%,right -10% bottom -1px;
	
	
}
#NIDtte{margin-bottom: 10%;}
#NIDhane{margin-bottom: 15%;}
#niigata2{width:20%;}

#sosite{margin-top:15%;
font-weight:bold;}

.whyNID{
	background-color:#D9E1E8;
		padding-top:20%;
	padding-bottom:30%;
	background-image:url(images/kumo5.svg) ,url(images/kumo6.svg) ,url(images/kumo7.svg),url(images/kumo8.svg),url(images/biru.png);
	background-size: 65%,65%,65%,65%,65%;
	background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
	background-position: left -10% top -1px,right -10% top 10%,left -5% bottom 25%,right -10% bottom -1px,right -10% bottom 0;
	

}
#dousite{
margin-bottom:10%;}
#demo{margin-top: 10%;
margin-bottom: 10%;}

.whyVD{margin-top: 0;
	margin-bottom: 0;
	
	padding-top:30%;
	padding-bottom:40%;
	background-image:url(images/kumo1.svg) ,url(images/kumo2.svg) ,url(images/kumo3.svg),url(images/kumo4.svg);
	background-size: 65%;
	background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
	background-position: left -10% top -1px,right -10% top 10%,left -5% bottom 25%,right -10% bottom -1px;
	

}
#dousite2{margin-bottom:20%;}
#simaneno{margin-top:10%;}
#NIDrogo{
	position-bottom: 5%;
width: 15%;}
.access{margin-top:20%;
margin-bottom:5%;}
.access{display: inline-block;
	width: contain;
	height: 5%;
	line-heigt: 1px;
	text-decolation: none;
	border:1px solid #7D8D95;
	color: #000;
	background-color: #fff;
}
.access:hover{color: #fff;
	background-color:#7D8D95;
}


.yazirushi{width: 20%;
position: relative;
left: 20%;
margin-top: 2%;}
.yazirushi:hover{color: #646F78}