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

/* #main{
	padding-top:20px;
}	 */



/*
#kanban{
	position:relative;
	top:0;
	left:0;
	margin-bottom:80px;
	overflow:hidden;
}

#kanban img{
	object-fit:cover;
	height:830px;
	object-position: 36% 0;
}
*/

#intro{
	max-width:980px;
	margin:0 auto 100px;
	text-align:left;
}

#intro .block{
	position:relative;
	margin-bottom:50px
}


#intro .image{
	/* width:40%; */
}

#intro .block  dl{
	width:40%;
	position:absolute;
	right:5%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

}

#intro .block dt{
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
	letter-spacing:2px;
}

#intro .block dt:nth-of-type(2){
	padding-bottom:10px;
}

#intro .block dd{
	margin-top:20px;
}


#intro .right{
	text-align:right;
}


#intro .right dl{
	left:5%;
	text-align:left;
}


@media only screen and (max-width: 850px) { 

/*#kanban img{
	height:450px;
}*/

#intro{
	text-align:center;
}

#intro .block{
	position:static;
	margin-bottom:50px
}

#intro .block  dl{
	width:90%;
	position:static;
	right:0;
	top: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	margin:0 auto 20px;
}

#intro .block dt{
	font-size:18px;
}

#intro .block dd{
	text-align:left;
}


#intro .right{
	text-align:center;
}


#intro .right dl{
	left:0;
	text-align:center;
}


}

/*
@media only screen and (max-width: 540px) { 
#kanban img{
	height:380px;
}
}*/




#movie{
	width:90%;
	max-width:600px;
	margin:100px auto 0; 
}


#movie iframe{
	width:100%;
	height:350px;
}