body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	width:100%;

}

.main{
	width:100% !important;
	height: 100vh;
	margin: 0;
	padding: 0;
	position:relative;
}

.panel{
	width:100% !important;
	height: 100vh;
	margin: 0;
	padding: 0;
	position:absolute;
}

.white-video{
	filter: contrast(20%) brightness(160%) saturate(180%);
}

.top{
	z-index:5;
}

.member{
	background-color:#eaedf7;
}

.news{
	background-color:#f8f4e6;
	z-index:20;	
	top:800px;
}

.summary{
	background-color:#fdeff2;
	z-index:30;	
	top:1500px;
}


.summary table{
	margin:2em auto;
	max-width:90%;
	border: none;
	border-top: 1px solid black;
}

.summary th,
.summary td{
	text-align:left;
	padding:0.5em;
	border: none;
	border-bottom: 1px solid black;
}
.summary td{
	font-size:0.9em;
}

.contact{
	background-color:#d6e9da;
	z-index:40;	
	top:2200px;
}

.top_video{
	position:absolute;
	z-index:1;
	height:100%;
	width:100%;
}

.top_video video{
	width:100%;
	height:100%;
	object-fit:cover;
}

.top_title{
	height: 100vh;
	position:relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3em;
	color: white;
	z-index:10;
	text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}

.top_title img{
	width:30%;
	object-fit:contain;
}

.contract-type{
	position:absolute;
	top:100px;
	right:100px;
	text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	color:white;
}

.svg-list{
	position:absolute;
	width:100%;
	text-align:center;
	margin:0 auto;
	left:0;
	bottom:20px;
	
}

.svg-list ul{
	padding-left:0;
}

.svg-list li{
	display: inline-block;
	margin:10px;
}

.svg-list svg{
	display: block;
	width: 30px;
	height: 30px;
	margin: auto;
}

.x-btn{
	width: 30px;
	height: 30px;
	margin: auto;
	background-color:black;
	padding:15px;
	border-radius:50%;
	
}

.home-btn,
.instagram-btn{
	width: 30px;
	height: 30px;
	margin: auto;
	background-color:white;
	padding:15px;
	border-radius:50%;
	border:1px solid black;
	
}

.x-btn a,
.home-btn a,
.instagram-btn a{
	width:100%;
	height:100%;
	display:block;
}


.member-grid{
	padding:0;
	margin:0;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	list-style:none;
}

.member-grid img{
	width:100%;
	object-fit:cover;
}

.member-grid p{
	align-items:center;
	text-align:center;
	margin-top:0.5em;
	margin-bottom:0;
}

.member-grid a{
	color:#fff;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	text-decoration: none;
	font-family:"HGS創英角ﾎﾟｯﾌﾟ体";
}

.member_list_box{
	width:65%;
	margin:1rem auto;
}

.member_title,
.news_title,
.summary_title,
.contact_title{
	width:100%;
	padding: 0.5rem;
	text-align:center;
	font-size:4rem;
	font-weight:bold;
	color:#fff;
	text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}

.news img{
	display: table-cell;
	vertical-align: middle;
	margin:0 auto;
}

.contact img{
	display: table-cell;
	vertical-align: middle;
	margin:0 auto;
}

.contact img:hover{
	filter: contrast(60%) brightness(120%) saturate(180%);
}

@media screen and (max-width: 600px) {
	.member_list_box{
		width:95%;
	}
	
	.member-grid{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
	
	.news img,
	.contact img{
		width:100%;
	}
	
	.contract-type{
		top:10px;
		right:10px;
		font-size:0.8em;
	}
	
	.summary th,
	.summary td{
		font-size:0.6em;	
	}
	.summary td iframe{
		max-width:100%;
	}
	
}