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

#top_index{
	width:100%;
	height:100vh;
	text-align:center;
	position:relative;
	/* -webkit-animation: fadeout 2s linear 0s 0; */
}

#top_index dl{
	width:60%;
	max-width:335px;
	margin:auto;
	position:absolute;
	top:55%;
	left: 50%;
	-webkit-transform: translate(-50%, -55%);
	transform: translate(-50%, -55%);
}


#top_index dl dd{
	width:70%;
	margin:18px auto 0;
	height: 0px;
	-webkit-animation: fadeout 4.5s linear 0s 1;
}


#main_vis{
	width:100%;
	height:100vh;
	text-align:center;	
	position:relative;
	overflow:hidden;
}

#backg{
}
#backg img{
	object-fit:cover;
	height:100vh;
	-webkit-animation: fadein 3s none 1s;
	margin-top:50px;
}

#main_vis dl{
	width:60%;
	max-width:335px;
	margin:auto;
	position:absolute;
	top:55%;
	left: 50%;
	-webkit-transform: translate(-50%, -55%);
	transform: translate(-50%, -55%);
	-webkit-animation: fadein 6s none 0.2s;
}

#main_vis dt{
	width:100%;
	max-width:335px;
}



/* @-webkit-keyframes fadeinimg { 0%{ opacity:0; } 75%{ opacity:0.8; } 100% { opacity:1; } } */

@-webkit-keyframes fadeout { 0% { opacity :1; height:auto; } 95%{ height:auto; } 100% { opacity:0; } }

@-webkit-keyframes fadein { 0%{ opacity:0; } 55%{ opacity:0.4; } 100% { opacity:1;} }




@media only screen and (max-width: 789px) { 
#top_index dl{
	width:55%;
	max-width:280px;
}

#main_vis dl{
	width:55%;
	max-width:280px;
}

#backg img{
	height:92vh;
}


}



















/* #kanban{
	width:100%;
	height:950px;
	background: url(/img/main/back001_pc.jpg) no-repeat center 50px;
	background-size:contain;
	position:relative;
	text-align:center;
	-webkit-animation: back 3s ease 3s 1 forwards;
	animation: back 3s ease 3s 1 forwards;

} */

#kanban #back{
	display:none;
}

@-webkit-keyframes back {
  100% {
    opacity: 0.6;
  }
}
@keyframes back {
  100% {
    opacity: 1;
  }
}

#kanban dl{
	width:80%;
	max-width:335px;
	margin:auto;
	position:absolute;
	top:60%;
	left: 50%;
	-webkit-transform: translate(-50%, -60%);
	transform: translate(-50%, -60%);
}

#kanban dl dd{
	width:80%;
	margin:10px auto 0;
}

#kanban dl#sample02{
	max-width:450px;
	margin-top:-10px;
}

#kanban dl#sample02 dd{
	width:60%;
	max-width:170px;
	margin-top:0;
}


@media screen and (max-width :1350px){
#kanban{
	background-size:cover;
	}
}

@media screen and (max-width :640px){
#kanban{
	background:none;
	height:auto;
	}
	#kanban #back{
		display:block;
	}
	
	#ami{
		padding:0 !important;
	}


}