@charset "UTF-8";

#Corporate {
	.tok_mainvisual {
		position: relative;
		height: 72vh;
		overflow: hidden;
	}
	
	.tok_mainvisual .video{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
	}
	
	.tok_mainvisual .video video {
		position: absolute;
		top: 50%;
		left: 50%;
		object-fit: cover;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
	}
	
	.tok_mainvisual h1{
		 z-index: 100;
		 position: absolute;
		 top: 50%;
		 left: 50%;
		 transform: translate(-50%, -50%);
	 }
	 @media screen and (min-width: 768px) and (max-width: 1280px){
		 .tok_mainvisual {
			 position: relative;
			 height: 50vh;
			 overflow: hidden;
		 }
	 }
	
	@media screen and (max-width: 767px){
		.tok_mainvisual {
			position: relative;
			width: 100%;
			height: 50vh;
			overflow: hidden;
		}
	
	 .tok_mainvisual  h1{
		  z-index: 100;
		  width: 90%;
	  }
	}
}