@charset "utf-8";
@media screen and (min-width:0px) {
	
	a {
		text-decoration: none;
		color: inherit;
	}
	
	html{
		scroll-behavior:smooth;
	}
	
	
	body {
		font-family: serif;
		color:#4B4B4B;
  		margin: 0;
	}
	
	.menu-b{
		display: inline;
		position:fixed;
		z-index:200;
		top:0px;
	}
	
	
	.menu01{
		display:none;
	}
	
	.menu02{
		display: inline;
		position: fixed;
		z-index: 100;
		top:0px;
		left:0px;
	}
	
	.menu03{
		display: inline;
		position: fixed;
		z-index: 100;
		bottom:0px;
		left:15px;
	}
	
	.top01 {
		position: relative;
		overflow: hidden;
		z-index: 1;
		width: 100%;
	}
	
	.messe01 {
		position: absolute;
		width:45%;
		top:20%;
		left:5%;
		margin:auto;
	}
	
	.table01{
		width: 100%;
	}
	
	.table02{
		width:85%;
		font-size: 15px;
	}
	
	.table02 td{
		display: block;
	}
	
	.sitemap{
		display: none;
	}
	
	.movie00{
		width: 100%;
	}
	
	.img04{
		width:40%;
	}
	
	.img05{
		width:25%;
	}
	
	.img02{
		width:80%;
	}
	
	.img03{
		width:16%;
	}
	
	.img04{
		width:15%;
	}
	
	.img06{
		width:30%;
	}
	
	.img07{
		width:100%;
	}
	
	.img08{
		width:30%;
	}
	
	.img09{
		width:43%;
		margin:1%;
	}
	
	.img11{
		width:45%;
	}
	
	.img12{
		width:20%;
	}
	
	.img13{
		width:50%;
		border-radius:5%;
	}
	
	.img14{
		display: none;
	}
	
	
	.img15{
		width:60%;
	}
	
	.img16{
		width:70%;
	}
	
	.br01{
		display: inline;
	}
	
	.br02{
		display: none;
	}
	
	.map01{
		height:250px;
	}
}



@media screen and (min-width : 768px ){
	
	.menu-b{
		display: none;
	}
	
	.menu01{
		display: inline;
		position: fixed;
		width: 100%;
		z-index: 100;
	}
	
	.menu02{
		display:none;
	}
	
	.menu03{
		display: inline;
		position: fixed;
		z-index: 100;
		bottom:0px;
		left:15px;
	}
	
	.messe01 {
		position: absolute;
		width:45%;
		top:25%;
		left:5%;
		margin:auto;
	}
	
	.table01{
		width: 100%;
	}
	
	.table02{
		width:100%;
		font-size: 15px;
	}
	
	.table02 td{
		display: table-cell;
	}
	
	
	.sitemap{
		display:inline-block;
		width:100%;
		height:700px;
		background:#5F00B1;
		position: relative;
	}
	
	.td01{
		width:20%;
	}
	
	.td02{
		display:none;
	}
	
	.td03{
		width:30%;
	}
	
	.img00{
		width:80%;
	}
	
	.img01{
		width:20%;
	}
	
	.img02{
		width:60%;
	}
	
	.img03{
		width:11%;
	}
	
	.img06{
		width:30%;
	}
	
	.img08{
		width:30%;
	}
	
	.img09{
		width:20%;
	}
	
	.img10{
		width:25%;
	}
	
	.img11{
		width:22%;
	}
	
	.img12{
		width:15%;
	}
	
	.img13{
		width:100%;
		border-radius:5%;
	}
	
	.img14{
		display: inline;
		width:22%;
	}
	
	.img15{
		width:30%;
	}
	
	.img16{
		width:30%;
	}
	
	.br01{
		display: none;
	}
	
	.br02{
		display: none;
	}
	
	.map01{
		height:300px;
	}


}


@media screen and (min-width : 960px ){
	
	.menu03{
		display:none;
	}
	
	.messe01 {
		position: absolute;
		width:35%;
		top:30%;
		left:5%;
		margin:auto;
	}
	
	.sitemap{
		width:100%;
		height:700px;
		background:#5F00B1;
		position: relative;
	}

	.table02{
		width:80%;
		font-size: 20px;
	}	
	
	.td01{
		width:12%;
	}
	
	.td02{
		display:table-cell;
		width:60%;
	}
	
	.td03{
		width:30%;
	}
	
	.img00{
		width:80%;
	}
	
	.img01{
		width:30%;
	}
	
	.img02{
		width:60%;
	}
	
	.img03{
		width:13%;
	}
	
	.img06{
		width:30%;
	}
	
	.img08{
		width:15%;
	}
	
	.img10{
		width:15%;
	}
	
	.img11{
		width:15%;
	}
	
	.img12{
		width:7%;
	}
	
	.img15{
		width:18%;
	}
	
	.img16{
		width:25%;
	}
	
	.map01{
		height:400px;
	}
	
	.br02{
		display: inline;
	}


	

}