@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;

	
}





.main{
 text-align:center;
	
}


.img_wrap{
   width: 1000px;
   height:auto;
  margin: 0 auto;
  overflow: hidden;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_wrap:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}



.youtube{
	
	text-align:center;
	margin:10px;
	   width: 100%;
	   
	   	
  
	
}


@media screen and (max-width:720px) {
 	img {
	max-width: 100%;
	height: auto;
}


.img_wrap{
   width: 100%;
   height:auto;
  margin: 0 auto;
  overflow: hidden;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_wrap:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}


.youtube{
	
	text-align:center;
	  margin: 10px;
	   width: 100%;
  aspect-ratio: 16 / 9;
	
}
.youtube iframe {
  width: 100%;
  height: 100%;
}




}