@charset "utf-8";
@media screen and (min-width:0px) { 
	
	body{
		font-family: "fantasy","Courier New", "Courier", "monospace";
	}
	
	.top01{
		width:95%;
		font-size:25px;
	}
	
	.table01{
		width:98%;
	}
	
	.table01 td{
		display: block;
	}
	
	.table02{
		width:48%;
	}
	
	.img01{
		width:40%;
	}
	
	.img02{
		width:95%;
	}
	
	.img03{
		width:25%;
	}
	
	.img04{
		width:20%;
	}
	
	.img05{
		width:40%;
	}
	
	.img99{
		width:90%;
	}
	
	.hr01{
		width:70%;
	}
	
	.yb00{
		width:98%;
		aspect-ratio: 1.7777/ 1 ;
	}
	
	.yb01{
		width:99%;
	}
	
	.sns01{
		width:18%;
	}

}



@media screen and (min-width : 768px ){
	
	.top01{
		width:75%;
		font-size:20px;
	}
	
	.table01{
		width:98%;
	}
	
	.table01 td{
		display: table-cell;
	}
	
	.table02{
		width:48%;
	}
	
	.img01{
	width:30%;
	}
	
	.img02{
		width:60%;
	}
	
	.img03{
		width:20%;
	}
	
	.img04{
		width:15%;
	}
	
	.img05{
		width:30%;
	}
	
	.img99{
		width:70%;
	}
	
	.hr01{
		width:80%;
	}
	
	.yb00{
		width:80%;
		aspect-ratio: 1.7777/ 1 ;
	}
	
	.yb01{
		width:99%;
	}
	
	.sns01{
		width:18%;
	}

}


@media screen and (min-width : 960px ){
	
	.top01{
		width:60%;
		font-size:20px;
	}
	
	.table01{
		width:90%;
	}
	
	.table02{
		width:48%;
	}
	
	.img01{
	width:20%;
	}
	
	.img02{
		width:40%;
	}
	
	.img03{
		width:10%;
	}
	
	.img04{
		width:10%;
	}
	
	.img05{
		width:20%;
	}
	
	.img99{
		width:60%;
	}
	
	.hr01{
		width:85%;
	}
	
	.yb00{
		width:70%;
	}
	
	.yb01{
		width:99%;
	}
	.sns01{
		width:15%;
	}

	

}