@charset "utf-8";
@media screen and (min-width:0px) { 
	
	body {
		font-family: serif ;
		color: white;
		background-color: black;
	}
	
	html{
		scroll-behavior: smooth;
	}
	
	a{
  		color:inherit;
  		text-decoration: none;
	}
	
	.menu01{
		display: inline;
		position: fixed;
		top: 3%;
		right: 3%;
	}
	
	.menu02{
		display: none;
	}
	
	.table01{
		width:100%;
		background-color:black;
	}
	
	.table02{
		display: none;
	}
	
	.table03{
		width: 100%;
		background-color:black;
		color: white;
	}
	
	.hr01{
		width: 90%;
	}
	
	.hr02{
		width: 50%;
	}
	
	.table04{
		width:80%;
		background-color:black;
		color: white;
	}
	
	.table05{
		width: 80%;
	}
	
	.table06{
		width: 95%;
		background-color:black;
		font-size: 15px;
	}
	
	.table06 td{
		display: block;
	}
	
	.td01{
		width:15%;
	}
	
	
	.img01{
		width:20%;
	}
	
	.img02{
		width:75%;
	}
	
	.img03{
		display: inline;
		width:100%;
	}
	
	.img04{
		width: 90%;
	}
	
	.video01{
		width:100%;
	}
	
	.br01{
		display: none;
	}
	
	.br02{
		display: inline;
	}
	
	.font01{
		font-size: 30px;
	}
	
	.font02{
		font-size: 16px;
		font-weight:bold;
	}
	
	.font03{
		font-size: 13px;
	}

	.font04{
		font-size: 25px;
	}
	
	.tr01{
		display:none;
	}
	
	.iframe01{
		width:400px;
		height:500px;
	}

}



@media screen and (min-width : 768px ){
	
	body {
		font-family: serif ;
		background-color: black;
	}
	
	.menu01{
		display: none;
	}
	
	.menu02{
		display: inline;
		position: fixed;
		width: 2%;
		bottom: 3%;
		right: 3%;
	}
	
	
	.table01{
		width:90%;
	}
	
	.table02{
		display:table;
		width: 90%;
		background-color:black;
		color: white;
	}
	
	.table03{
		width: 90%;
		background-color:black;
		color: white;
	}
	
	.hr01{
		width: 80%;
	}
	
	.table04{
		width: 70%;
		background-color:black;
		color: white;
	}
	
	.table05{
		width: 70%;
	}
	
	.table06{
		width: 90%;
		background-color:black;
		font-size: 18px;
	}
	
	.table06 td{
		display:table-cell;
	}
	

	.td02{
		width: 40%;
	}
	
	.img01{
		width:25%;
	}
	
	.img02{
		width:40%;
	}
	
	.img03{
		display: none;
	}
	
	.img04{
		width: 80%;
	}
	
	.tr01{
		display: inline;
		width:3%;
	}
	
	.iframe01{
		width:300px;
		height:500px;
	}
	
	
	.video01{
		width:90%;
	}
	
	.br01{
		display: inline;
	}
	
	.br02{
		display: none;
	}


}


@media screen and (min-width : 960px ){
	
	.table01{
		width:80%;
	}
	
	.table02{
		width:80%;
	}
	
	.table03{
		width: 80%;
		background-color:black;
		color: white;
	}
	
	.hr01{
		width: 60%;
	}
	
	.table04{
		width: 45%;
		background-color:black;
		color: white;
	}
	
	.table05{
		width: 50%;
	}
	
	.table06{
		width: 80%;
		background-color:black;
		font-size: 20px;
	}
	
	.td02{
		width: 40%;
	}
	
	.img01{
		width:25%;
	}
	
	.img02{
		width:30%;
	}
	
	.img04{
		width: 60%;
	}
	
	.tr01{
		width:5%;
	}
	
	
	.iframe01{
		width:350px;
		height:600px;
	}
	
	.video01{
		width:80%;
	}

}