@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300i&display=swap');
/********************************************


INFORMATION


**********************************************/



/* 会社概要
------------------------------------------------ */
.information-movie-content{
	position: relative;
	z-index: 1;
}
.information-movie-content::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: url("../information/images/movie-bg.jpg")no-repeat center center;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	top: 0;
	left: 0;
	z-index: -2;
}

.movie-content-inner{
	width: 80%;
	margin: auto;
}

.movie-list-box{
	padding: 50px 0;
}

.movie-list-box h3{
	margin: 4vh auto;
	color: #4991C6;
	font-size: 2.2rem;
	font-weight: 100;
	letter-spacing:.1em;
	text-indent: 1em;
	position: relative;
	display: flex;
	justify-content: center;
}
.movie-lead{
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 50px;
}
.information_movie_list{
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	    -webkit-justify-content: space-between;
	            justify-content: space-between;
}

.information_movie_list li{
	width: 50%;
	padding: 0 5%;
	margin-bottom: 50px;
	/* display: flex; */
	/* -webkit-justify-content: flex-start;
	        justify-content: flex-start;
	-webkit-align-items: flex-start;
	        align-items: flex-start; */
	position: relative;
	/* height: 13.6vw; */
}
.information_movie_list li iframe{
	width: 100%;
	height: 18.5vw;
}
.information_movie_list li p{
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 10px;
}
.information_movie_list li.commingsoon{
	background-color: #808080;
}



.information_movie_list li.commingsoon::after{
	position: absolute;
	content: "comming soon";
	color: #FFF;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
	width: 250px;
	height: 100px;
	top: 50%;
	left: 50%;
	transform:translateX(-50%)translateY(-50%);
	font-size: 2rem;
}

li.commingsoon a.no-link{
	pointer-events: none;
}
.information_movie_list li a{
	width: 100%;
	display: block;
}

.information_movie_list li a img{
	/* position: absolute; */
	/* top:50%;
	left:50%;
	transform:translateX(-50%)translateY(-50%); */
	width: 100%;
}

.information_movie_list li video{
	width: 100%;
	height: 100%;
	display: flex;
	/* position: absolute; */
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	-webkit-align-items: flex-start;
	        align-items: flex-start;
	top: 0;
	left: 0;
}
.movie-title-list{
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	    margin-top: 2rem;
}
.movie-title-list li{
	width: 30%;
	text-align: center;
	font-size: 2rem;
}


.information__block{
	/* min-width: 1200px; */
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 100%;
}
.information__block h3{
	margin: 4vh auto;
	color: #4991C6;
	font-size: 2.2rem;
	font-weight: 100;
	letter-spacing:.1em;
	text-indent: 1em;
	position: relative;
	display: flex;
	justify-content: center;
}
.information__block.is-show h3{
	animation:bottom_in 0.3s ease-out both;
	animation-delay: .2s;
}


.information__block table.table_std{
	width: 80%;
	margin: 0 10%;
	/* display: block; */
	/* min-width: 800px; */
	margin-bottom: 80px;
}
.information__block table.table_std tr{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.information__block table.table_std th{
	background: #4991C6;
	color: #FFF;
	font-weight: 100;
	text-align: left;
	display: block;
	width: 30%;
	margin-right: 1%;
}
.information__block table.table_std th span.lower{
	font-size: 1.1rem;
	/*letter-spacing: 0;*/
}
.information__block table.table_std td{
	background: #FFF;
	width: 69%;
}
.information__block table.table_std td ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.information__block table.table_std td ul li{
	width: 49%;
}
.information__block table.table_std tr:last-of-type th{
	border-bottom: 0;
}
.information__block table.table_std tr:last-of-type td{
	border-bottom: 0;
}
.information__block table.table_std td dl{
	display: flex;
	margin-bottom: .2em;
}
.information__block table.table_std td dl dt{
	width: 10em;
	margin-right: 2em;
}
/*.information__block table.table_std td dl dd{
	width: 7em;
	display: block;
	margin-right: 1em;
}*/



.infoarmation-guidebook{
	text-align: center;
	margin-bottom: 100px;
	background: #FFF;
	padding:0 0 50px 0;
}
.infoarmation-guidebook ul{
	display: flex;
	justify-content: center;
}
.infoarmation-guidebook ul li + li{
	margin-left: 40px;
}

.infoarmation-guidebook img.book{
	height:200px;
	width: auto;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
	margin-bottom: 10px;
}

.infoarmation-guidebook img.pdf{
	height:20px;
	width: auto;
}

.infoarmation-guidebook span{
	border-bottom:1px solid;
}

.information__movie {
	width: 100%;

	padding: 0 0 5vh ;
}
.information__movie video{
	width: 60%;
	margin: 0 20%;
	display: block;
}


/* -- Media query	767px以下の場合 スマートフォン設定------------*/

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


	.information__block table.table_std{
		width: 90%;
		margin: 0 auto;
		/* display: block; */
		/* min-width: 800px; */
		margin-bottom: 80px;
	}
	.information__block table.table_std tr{
		display: block;
		margin-bottom: 10px;
	}
	.information__block table.table_std th{
		background: #4991C6;
		color: #FFF;
		font-weight: 100;
		text-align: left;
		display: block;
		width: 100%;
		margin-right:0;
		padding: 8px 15px;
		box-shadow: 0 0 10px rgba(0,0,0,.2);
	}
	.information__block table.table_std td{
		background: #FFF;
		display: block;
		width: 100%;
		margin-right:0;
		padding: 8px 15px;
		box-shadow: 0 0 10px rgba(0,0,0,.2);
	}
	.information__block table.table_std td ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.information__block table.table_std td ul li{
		width: 49%;
		display: block;
	}
	/*.information__block table.table_std td .other{
		margin-left: 51%;
	}*/
	.information__block table.table_std tr:last-of-type th{
		border-bottom: 0;
	}
	.information__block table.table_std tr:last-of-type td{
		border-bottom: 0;
	}
	.information__block table.table_std td dl{
		flex-direction: column;
	}
	.information__block table.table_std td dl dt{
		width: 100%;
		margin-right: 0;
	}
	/*.information__block table.table_std td dl dd{
		margin-right: 0;
	}*/



	.infoarmation-guidebook ul{
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	.infoarmation-guidebook ul li + li{
		margin-left: 0;
	}
	.infoarmation-guidebook ul li h3{
		margin-bottom: 20px;
	}


	.information__movie {
		width: 100%;

		padding: 0 0 3vh ;
	}
	.information__movie video{
		width: 90%;
		margin: 0 5%;
		display: block;
	}

	.movie .information__block h3 {
		font-size: 1.7rem;
	}


	.information_movie_list{
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.information_movie_list li{
		width: 100%;
		height: auto;
		margin-bottom: 30px;
	}
	.information_movie_list p{
		/* margin-bottom: 30px; */
		text-align: center;
	}
	.movie-list-box h3{
		text-align: center;
	}
	.information_movie_list li a img{
		width: auto;
		height: 100%;
	}
	.information_movie_list li iframe{
		height: 45vw;
	}

}