/* CSS Document */

.bottom_bnr > div{padding-top: 10%;}

.top_movie{}
.top_movie video{width:100%;}
@media screen and (max-width: 999px) {
	.top_movie{overflow: hidden;}
	.top_movie video{
		margin: 0 -25%;
		width:150%;
	}
}

.top_news{
	padding-top: 100px;
	padding-bottom: 200px;
}
.top_news .dpF{
	height:180px;
	/* margin-bottom: 50px; */
}
.top_news .dpF + *{
	margin-top: 50px;
}
.top_news .dpF h2{
	width:100px;
	background-color: #133B69;
	color:#FFF;
	padding-top: 50px;
}
.top_news .dpF h2 > *{
	display: inline-block;
	font-size: 100%;
	line-height: 100%;
	padding-bottom: 0.25em;
	border-bottom: solid 2px #FFF;
}
.top_news .dpF ul{
	width:850px;
	margin-left: auto;
	overflow: auto;
}
.top_news ul li{
	text-align: left;
	border-top: solid 1px rgba(102,102,102,0.25);
	border-bottom: solid 1px rgba(102,102,102,0.25);
	display: flex;
	align-items: center;
	min-height: 60px;
}
.top_news ul li:nth-child(n+2){border-top-color: transparent;}
.top_news ul li > *{
	line-height: 125%;
	padding: 0.5em 0;
}
.top_news ul li > *:nth-child(1){
	padding-left: 1em;
	min-width: 6.5em;
}
.top_news ul li > *:nth-child(n+2){
	padding-left: 3em;
	min-width: 4.75em;
}
.top_news ul li > *:nth-child(2) span{
	color: #E60012;
	display: inline-block;
	border: solid 1px #E60012;
	font-size: 75%;
	line-height: 100%;
	padding: 0.25em 0em;
	width: 5em;
	text-align: center;
}
.top_news ul li > *:nth-child(2) span.cate2{
	color: #E60012;
	border-color: #E60012;
}
@media screen and (max-width: 999px) {
	.top_news .dpF{
		flex-flow: column;
		height:auto;
	}
	.top_news .dpF h2{
		width:100%;
		padding: 0.5em 0;
	}
	.top_news .dpF ul{
		width:100%;
		height:180px;
	}
	.top_news ul li{
		margin-left: 0;
		border-top-color: transparent;
	}
	.top_news ul li > *:nth-child(n+2){padding-left:1em;}
}

.top_iedukuri{
	padding-top: 200px;
	padding-bottom: 1100px;
	margin-bottom: 200px;
	background-image: url(../images/top/bg-catch.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	color:#FFF;
	text-align: left;
}
.top_iedukuri .dpF{flex-wrap: wrap;}
.top_iedukuri .dpF > *:nth-child(1){
	margin-right: auto;
	/* padding-right: 2em; */
}
.top_iedukuri .dpF > *:nth-child(1) h2{
	font-size: 250%;
	line-height: 100%;
	margin-left: -0.5em;
	font-weight: normal;
}
.top_iedukuri .dpF > *:nth-child(1) .en{
	font-weight: bold;
	font-size: 125%;
	line-height: 100%;
	margin-top: 0.75em;
}
.top_iedukuri .dpF > *:nth-child(1) .en + *{
	line-height: 250%;
	margin-top: 3em;
}
.top_iedukuri .dpF > *:nth-child(2){width:320px;}
.top_iedukuri .dpF > *:nth-child(2) *{display: block;}
.top_iedukuri .dpF > *:nth-child(2) *:nth-child(n+2){margin-top: 35px;}
.top_iedukuri .dpF > *:nth-child(2) img{width:100%;}
.top_iedukuri .dpF > *:nth-child(3){margin-top: 80px;}
@media screen and (max-width: 1599px) {
	.top_iedukuri{
		padding-top:-webkit-calc(100vw * 2 / 16 );
		padding-top:calc(100vw * 2 / 16 );
		padding-bottom:-webkit-calc(100vw * 11 / 16 );
		padding-bottom:calc(100vw * 11 / 16 );
	}
}
@media screen and (max-width: 999px) {
	.top_iedukuri .dpF{
		flex-wrap:nowrap;
		flex-flow: column;		
	}
	.top_iedukuri .dpF > *:nth-child(1){order:1;margin-left: auto;}
	.top_iedukuri .dpF > *:nth-child(2){order:3;margin: 80px auto 0;}
	.top_iedukuri .dpF > *:nth-child(3){order:2;}
}

.top_subt{margin-bottom: 85px;}
.top_subt > *{line-height: 100%;}
.top_subt h2{
	font-size: 175%;
	font-weight: normal;
	letter-spacing: 0.25em;
	padding-left: 0.25em;
}
.top_subt div{
	font-weight: bold;
	color:#0068B5;
	margin-top: 0.5em;
}

.top_slide{
	background-color: #133B69;
	padding-top: 50px;
	padding-bottom: 65px;
	margin-bottom: 200px;
}

.top_comp{}
.top_comp .motion:not(.show),
.top_comp .chain:not(.show){
	transform:translateY(50px);
}
.top_comp .mainpic{
	padding-top: 65%;
	background-image: url(../images/top/title-bonjitettei.svg),url(../images/top/bg-title.jpg);
	background-position: left bottom,center center;
	background-repeat: no-repeat;
	background-size: auto 650px,cover;
}
.top_comp .list{margin-top: 50px;}
.top_comp .list{
	border-top: dotted 1px rgba(35,24,21,0.25);
}
.top_comp .list li{
	border-bottom: dotted 1px rgba(35,24,21,0.25);
	padding:1em 0;
}
.top_comp .list li table{width:100%;}
.top_comp .list li table tr > *{
	text-align: left;
	vertical-align: top;
	line-height: normal;
}
.top_comp .list li table th{
	width:230px;
	font-weight: normal;
}
.top_comp .list li table th span{
	display: inline-block;
	vertical-align: middle;
}
.top_comp .list li table th span:nth-of-type(1){
	width:1em;
	height:1em;
	background-color: #3680BF;
	margin-right: 0.5em;
	border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
}
.top_comp .list li table th span:nth-of-type(2){
	min-width: 6em;
	text-align:justify;
	text-align-last:justify;
	text-justify:distribute;
}
.top_comp .photobox{margin-top: 65px;}
.top_comp .photobox li{width:32%;}
.top_comp .photobox li:nth-child(n+2){margin-left: 2%;}
@media screen and (max-width: 999px) {
	.top_comp .mainpic{
		background-position: left -25px bottom -25px,center center;
		background-size: auto 850px,cover;
	}
	.top_comp .list li table th{
		width:100%;
		margin-bottom: 0.25em;
	}
	.top_comp .photobox{
		flex-flow: column;
	}
	.top_comp .photobox li{width:100%;}
	.top_comp .photobox li:nth-child(n+2){
		margin-left: 0;
		margin-top: 1em;
	}
}


.top_map{
	display: block;
	border:none;
	width:100%;
	height:500px;
	margin-top: 100px;
}