@charset "utf-8";
@media screen and (min-width:0px) {
	
	a {
		text-decoration: none;
		color: inherit;
	}
	
	html{
		scroll-behavior:smooth;
	}
	
	body {
		font-family: serif;
		color:#595757;
	}
	
	.menu01{
		display:inline;
	}
	
	.posi01{
		display: none;
	}
	
	.posi02{
		display: inline;
		position:fixed;
		top:10px;
		right:10px;
	}
	
	.table02{
		width: 80%;
		font-size:small;
	}
	
	.table03{
		width:80%;
		font-size:x-small;
	}
	
	.table03 td{
		display: inline-block;
	}
	
	.top01{
		display: none;
	}
	
	.top02{
		display: inline;
	}
	
	.font01{
		font-size: xx-large;
		font-weight: bolder;
	}
	
	.font02{
		font-size: xx-large;
	}
	
	.font03{
		font-size: large;
	}
	
	.font04{
		font-size: large;
	}
	
	.img01{
		width: 50%
	}
	
	.img02{
		width:7%;
	}
	
	.img03{
		width:2%;
	}
	
	.img04{
		width:25%;
	}
	
	.img05{
		width:40%;
		border: 2px solid gray;
	}
	
	.iframe01{
		width:80%;
		height:1200px;
	}
	
	.img06{
		width: 5%;
	}
	

}



@media screen and (min-width : 768px ){
	
	.menu01{
		display:none;
	}
	
	.posi01{
		display: inline;
		position:fixed;
		text-align: center;
		width: 700px;
		top:0;
		right:0;
	}
	
	.posi02{
		display: none;
	}
	
	.br01{
		display: none;
	}
	
	.table01{
		color: white;
		font-size: 90%;
		background-color: rgba(0, 0, 0, 0.3);
	}
	
	.table02{
		width: 70%;
		font-size:medium;
	}
	
	.table03{
		width:60%;
		font-size:medium;
	}
	
	.table03 td{
		display: inline-block;
	}
	
	.top01{
		display: inline;
	}
	
	.top02{
		display: none;
	}
	
	.font01{
		font-size: xx-large;
	}
	
	.img01{
		width: 30%
	}
	
	.img02{
		width:5%;
	}
	
	.img04{
		width:20%;
	}
	
	.img05{
		width:40%;
	}
	
	.iframe01{
		width:80%;
		height:1000px;
	}
	
	.img06{
		width: 3%;
	}


}


@media screen and (min-width : 960px ){
	
	.br01{
		display: inline;
	}
	
	.table02{
		width: 60%;
		font-size:large;
	}
	
	.table03{
		width:60%;
		font-size:small;
	}
	
	.table03 td{
		width:25%;
		display: table-cell;
	}
	
	.font01{
		font-size: x-large;
	}
	
	.img01{
		width: 20%
	}
	
	.img02{
		width:3%;
	}
	
	.img04{
		width:15%;
	}
	
	.img05{
		width:100%;
	}
	
	.img06{
		width: 2%;
	}
	
	.iframe01{
		width:90%;
		height:1000px;
	}

	

	

}