.main--visual .main--visual__wrap .logo{
	display: inline-block;
	background: url(/asset/images/main--visual__logo.png) no-repeat right center;
	margin-left: 80px;
}
.main--visual__wrap .logo.logo20th{


			animation: inout2 2s;
			animation-iteration-count: 1;
			-webkit-animation: inout2 2s; /* Safari & Chrome */
			-webkit-animation-iteration-count: 1;
			background-image: url('/asset/images/logo_20th.png');
			background-repeat: no-repeat; 
			background-position: center center;
			width: 287px;
			margin-left: 20px;
			background-size: contain;
}
.main--visual__wrap .logo.logo20th{
	
	
				animation: inout2 2s;
				animation-iteration-count: 1;
				-webkit-animation: inout2 2s; /* Safari & Chrome */
				-webkit-animation-iteration-count: 1;
				background-image: url('/asset/images/logo_20th.png');
				background-repeat: no-repeat; 
				background-position: center center;
				width: 287px;
				margin-left: 20px;
				background-size: contain;
	}
	
	
.main--visual__wrap .logo.logo20th2{
		
		
					animation: inout3 3s;
					animation-iteration-count: 1;
					-webkit-animation: inout3 3s; /* Safari & Chrome */
					-webkit-animation-iteration-count: 1;
					background-image: url('/asset/images/logo2_20th.png?211202');
					background-repeat: no-repeat; 
					background-position: center bottom;
					width: 800px;
					height: 80px;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 0;
					background-size: contain;
		}

@media screen and (max-width: 39.9375em) {
	.main--visual .main--visual__wrap .logo {
	  
	  margin-left: auto;
	  background: url(/asset/images/main--visual__logo.png) no-repeat center center;
  		background-size: contain;
			width: 150px;
		  height: 180px;
		  margin: 0px auto 20px;
  }

  .main--visual__wrap .logo.logo20th{
	  
	  background-image: url('/asset/images/logo_20th.png?211202');
	  background-repeat: no-repeat; 
	  background-position: center center;
	  background-size: contain;
		  margin-left: auto;
		  width: 150px;
		  height: 110px;
			margin: 0px auto 60px;
		  }
	.main--visual__wrap .logo.logo20th2{
				
				
				animation: inout3 3s;
				animation-iteration-count: 1;
				-webkit-animation: inout3 3s; /* Safari & Chrome */
				-webkit-animation-iteration-count: 1;
				background-image: url('/asset/images/logo2_20th.png?211202');
				background-repeat: no-repeat; 
				background-position: center bottom;
				width: 200%;
				height: 80px;
				margin-left: -50%;
				margin-right: -50%;
				margin-bottom: 0;
				background-size: contain;
				padding-top: 80px;
				margin-top: 120px;
	}
}


			
@keyframes inout2 {
	0%   { transform: scale(20, 20); opacity:0; }
	60%   { transform: scale(20, 20); opacity:0; }
	100%  { transform: scale(1, 1); opacity:1; }
}
@-webkit-keyframes inout2 { /* Safari & Chrome */
	0%   { -webkit-transform: scale(20, 20); opacity:0;}
	60%   { -webkit-transform: scale(20, 20); opacity:0;}
	100% { -webkit-transform: scale(1, 1); opacity:1;}
}


			
@keyframes inout3 {
	0%   { transform: scale(20, 20); opacity:0; }
	67%   { transform: scale(20, 20); opacity:0; }
	100%  { transform: scale(1, 1); opacity:1; }
}
@-webkit-keyframes inout3 { /* Safari & Chrome */
	0%   { -webkit-transform: scale(20, 20); opacity:0;}
	67%   { -webkit-transform: scale(20, 20); opacity:0;}
	100% { -webkit-transform: scale(1, 1); opacity:1;}
}