@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP:wght@700&display=swap');

*{
	margin:0;
	padding:0;
	border:0;
	font-family: 'Noto Sans JP', sans-serif;
}
body{
	color:#fff;
}

div, h1, h2, h3, a{
	margin:0;
	padding:0;
	border:0;
}

img{
	vertical-align: top;
}

a, a:hover{
	text-decoration:none;
	color:#595757;
}
a:hover{
	opacity: 0.9;
}

ul, ol, li{
	list-style:none;
	margin:0;
	padding:0;
	border:0;
}

h2, h3, h4{
	font-family: 'Noto Serif JP', serif;
	line-height: 1.5em;
}
p{
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.5em;
}
/*
@media screen and (max-width: 620px) {
	header{
		text-align: center;
		padding: 15% 0 5% 0;
	}
	header img{
		width: 70%;
	}
}
@media screen and (min-width: 621px) {
	header{
		width: 100%;
		text-align: center;
		padding: 5% 0;
	}
	header img{
		width: 30%;
	}
}*/

div#container{
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

div#container ul#main{
	margin: 0 auto;
	position: relative;	
	padding-bottom: 30vh;
}
div#container ul#main li{
	width: 1080px;
	margin: auto;
}
div#container ul#main li img{
	width: 1080px;
}
/*/*div#container ul#main li:last-child{
	padding-bottom: 5vh;
}*/

div#container div.bt {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}

div#container div.bt img{
	width: 1080px;
}
div#container div.bt a:hover{
	opacity: 0.8;
}

@media screen and (max-width: 620px) {
	div#container ul#main{
		padding-bottom: 10vh;
	}
	div#container ul#main li{
		width: 100%;
	}
	div#container ul#main li img{
		width: 100%;
	}
	div#container div.bt img{
		width: 100%;
	}
}