@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@100;400&display=swap);

body{
	font-size:18px;line-height:1.8;color:#333333;background-repeat:repeat;background-color:#FFFFFF;margin:0px;padding:0px;-webkit-text-size-adjust:100%;
}
a:hover {
	opacity: 0.7;
}

#wrap{
    min-height: 100vh;
    position: relative;
    padding-bottom: 73px;
    box-sizing: border-box;
}

#header{
	width: 100%;
	background-color: #E5E5E5;
    color: #000000;
}
#header .contents{
	max-width: 980px;
	margin: 0 auto;
	padding: 15px 5px;
	display: flex;
	justify-content: space-between;
}
#header .contents a{
	line-height: 100%;
}

#main{
	width: 100%;
	margin:0 auto;
}
#main .contents{
	max-width: 980px;
	margin: 0 auto;
	position: relative;
	background-color: #FFFFFF;
}

#footer{
	width: 100%;
	background-color: #E5E5E5;
    color: #000000;
	text-align: center;

	position: absolute;
    bottom: 0;
}
#footer .contents{
	max-width: 980px;
	margin: 0 auto;
	padding: 10px 0;
    font-size: 0.8rem;
    line-height: 1.5;
}
#footer .contents .navi{
	margin: 5px auto;
}
#footer .contents .navi ul{
	padding: 0;
	margin: 0;
}
#footer .contents .navi li{
	padding: 0 10px;
	margin: 0;
	list-style: none;
	display: inline-block;
	border-right: 1px solid #000000;
	line-height: 100%;
}
#footer .contents .navi li:last-child{
	border-right: none;
} 
#footer .contents .navi li a{
	color: #000000;
	text-decoration: none;
}
#footer .contents .copyright{
	margin: 5px auto;
}

@media screen and (max-width: 640px) {
	#header .contents .tel{
		display: none;
	}
}