@charset "utf-8";

.mainTitle img.main-en{
	top: 50%;
    width: 55%;
    left: 54%;
    transform: translateY(23%) translateX(-54%);
}

@keyframes main_img{
  0%{ opacity: 0;}
  15%{ opacity: 1;}
 85%{ opacity: 1;}
  100%{ opacity: 1;}
}

.mainTitle img:nth-of-type(1) {
	animation-delay: 2.4s;
	animation-fill-mode: forwards;
}
.mainTitle img:nth-of-type(2) {
    animation-fill-mode: forwards;
	animation-delay: 2.7s;
}
.mainTitle img:nth-of-type(3) {
   animation-fill-mode: forwards;
	 animation-delay: 3s;
}
.mainTitle img:nth-of-type(4) {
   animation-fill-mode: forwards;
	animation-delay: 4s;
}
.mainTitle img:nth-of-type(5) {
    animation-delay: 5s;
	animation-fill-mode: forwards;
}

.mainTitle img:nth-of-type(6) {
	animation-delay: 6.3s;
	animation-fill-mode: forwards;
	animation-duration: 5s;
}

.mainTitle img:nth-of-type(7) {
	animation-delay: 6.3s;
	animation-fill-mode: forwards;
	animation-duration: 5s;
}

.mainTitle img:nth-of-type(8) {
	animation-delay: 6.3s;
	animation-fill-mode: forwards;
	animation-duration: 5s;
}


.cont_items ul li:nth-child(4){width: 45%;position: relative;top: -2vw;right: -10%;}

/**************************************************
 Responsive
**************************************************/

@media screen and (max-width: 1024px){
.mainTitle img {
    transform: translateY(26%) translateX(-50%);
	}

.mainTitle img.main-en {
    width: 55%;
    transform: translateY(27%) translateX(-54%);
	}
	
	
}
	
@media screen and (max-width: 767px){
	
	.mainVisual{height: 132vw;}
	
	.mainTitle > img{
    transform: translateY(23%) translateX(-50%);
	}
	
	.mainTitle img.main-en {
    width: 87%;
    transform: translateY(23%) translateX(-54%);
	}
		
		
	/** aboutHanger_jp **********/ 
	
	.aboutHanger_jp{
		height: 2150px;
	}
	
	
		.aboutinnner{
		width: 100%;
		left: 0;
		bottom: auto;
		margin-top: 140px;
	}
	
	.cont_txt{
		top: 50vw;
	}
	
	.cont_items ul li:nth-child(4){width: 45%;top: 0;right: 0;}
	
}