@charset "utf-8";
/* ******************************************************************
 *	File name		: ch.css
 *	Summary			: 111 ch CSS
 * ******************************************************************
 */
 
/* -----------------------------------------------------------------
   base
----------------------------------------------------------------- */

main{
	display:block;
	position:relative;
}

/* --- responsive --- */
@media(max-width:767px){
	.contents_ch{
		width:100%;
		padding:0 20px;
	}
}

/* -----------------------------------------------------------------
   pnkz
----------------------------------------------------------------- */

#pnkz{
	position:relative;
	margin:0px;
	text-align:left;
	background:rgba(10,78,151,0.15);
	border-bottom:1px solid rgba(10,78,151,0.7);
	line-height:1.3;
	}
	#pnkz ul{
		width:1010px;
		max-width:100%;
		margin:0 auto;
		padding:3px 0 0 0;
	}
	#pnkz ul li{
		display:inline-block;
		margin:0 0 5px;
		font-weight:bold;
		font-size:0.75em;
	}
	#pnkz ul li:after{
		content:">";
		margin:0 7px;
	}
	#pnkz ul li:last-child:after{
		display:none;
}
/* --- responsive --- */
@media(max-width:767px){
	#pnkz{
		display:none;
	}
}

/* -----------------------------------------------------------------
   mintere_head
----------------------------------------------------------------- */

#mintere_head{
	position:relative;
	width:100%;
	min-height:400px;
	margin-bottom:15px;
	text-align:center;
	background:url(../../image/base/mintere_bg.jpg) no-repeat center 0;
	}
	#mh_box{
		position:relative;
		width:1010px;
		margin:0 auto;
		padding:25px 0 0 20px;
		text-align:left !important;
	}
	#mh_box h1{
		position:relative;
		margin:0 0px 5px 0;
	}
	#mh_box ul{
		display:inline-block;
		margin:0 0px 15px 0;
		list-style:none;
		}
		#mh_box ul li{
			display:inline-block;
			position:relative;
			margin:0 10px 10px 0;
			text-align:center;
		}
		#mh_box ul li a{
			display:inline-block;
			position:relative;
		}
		#mh_box ul li a img{
			position:relative;
			z-index:1;
		}
		#mh_box ul li a:after{
			content:" ";
			display:inline-block;
			position:absolute;
			width:100%;
			height:100%;
			top:0px;
			left:0px;
			background:rgba(37,71,158,0);
			z-index:10;
			transition-duration:0.5s;
		}
		#mh_box ul li a:hover:after{
			background:rgba(37,71,158,0.2);
	}
	#mh_box #movie{
		position:absolute;
		top:20px;
		right:0px;
		width:600px;
		min-height:350px;
		padding:10px 30px 10px;
		background:#000;
	}
	#movie_box{
		position:relative;
		width:100%;
		padding-top:56.25%;
		}
		#movie_box iframe{
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
	}
	#mh_box #movie p{
		position:relative;
		margin-bottom:5px;
		font-weight:bold;
		font-size:1.1em;
		color:#fFF;
		line-height:1.3;
}
/* --- responsive --- */
@media(max-width:767px){
	#mh_box{
		position:relative;
		width:100%;
		margin:0 auto;
		padding:25px 10px 0;
		text-align:center !important;
	}
	#mh_box #movie{
		position:relative;
		top:0px;
		right:20px;
		width:calc(100% + 40px);
		min-height:0px;
		margin:10px 0 0;
		padding:15px 30px 20px;
	}
}

/* -----------------------------------------------------------------
   mintere_info
----------------------------------------------------------------- */

#mintere_info{
	position:relative;
	width:1010px;
	margin:0 auto;
	}
	#mintere_info p{
		margin-bottom:20px;
		font-weight:bold;
		font-size:1.0em;
		line-height:1.6;
}
#mintere_info_oubo{
	position:relative;
	width:920px;
	margin:0 0 20px 90px;
	text-align:left;
	background:url(../../image/base/mintere_info_oubo_bg.jpg) no-repeat center 0;
	}
	#mintere_info_oubo a{
		display:inline-block;
		position:relative;
		width:450px;
		height:100%;
		margin:0 0 0 190px;
		-moz-border-radius:18px;
		-webkit-border-radius:18px;
		border-radius:18px;
		}
		#mintere_info_oubo a:hover{
			-moz-box-shadow: 0px 0px 5px rgba(0,0,0,1);
			-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,1);
			box-shadow: 0px 0px 5px rgba(0,0,0,1);
}
/* --- responsive --- */
@media(max-width:767px){
	#mintere_info{
		width:100%;
		padding:0 20px;
	}
	#mintere_info p{
		font-size:0.85em;
	}
	#mintere_info_oubo{
		width:100%;
		margin:0 0 20px;
		text-align:center;
		background:none;
	}
	#mintere_info_oubo a{
		position:relative;
		width:auto;
		height:100%;
		margin:0px;
	}
}

/* -----------------------------------------------------------------
   banner_area
----------------------------------------------------------------- */

#banner_area{
	position:relative;
	background:#ECF5E4;
	}
	#banner_area ul{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		position:relative;
		width:1010px;
		margin:0 auto;
		padding:25px 0 10px;
	}
	#banner_area ul li{
		position:relative;
		margin:0 auto 15px;
		border:2px solid rgba(37,71,158,0);
		transition-duration:0.5s;
	}
	#banner_area ul li:hover{
		border:2px solid rgba(37,71,158,1);
}
/* --- responsive --- */
@media(max-width:767px){
	#banner_area ul{
		width:100%;
		padding:25px 20px 10px;
	}
}

/* -----------------------------------------------------------------
   contact
----------------------------------------------------------------- */

#contact{
	position:relative;
	width:1010px;
	margin:0 auto;
	padding:20px;
	text-align:center;
	border-bottom:2px solid #D3D3D3;
	}
	#contact p{
		font-weight:normal;
		font-size:0.95em;
		text-align:center;
		line-height:1.7;
		color:#000;
	}
	#contact p strong{
		display:inline-block;
		margin:0 0 3px;
		font-size:1.2em;
	}
	#contact div p{
		display:inline-block;
		margin:0 15px;
}
/* --- responsive --- */
@media(max-width:767px){
	#contact{
		width:100%;
	}
}

/* -----------------------------------------------------------------
   banner_link
----------------------------------------------------------------- */

#banner_link{
	position:relative;
	}
	#banner_link ul{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		position:relative;
		width:1010px;
		margin:0 auto;
		padding:25px 0 20px;
	}
	#banner_link ul li{
		position:relative;
		margin:0 auto 15px !important;
		padding:0px;
	}
	#banner_link ul li a{
		display:block;
		position:relative;
		width:100%;
		height:100%;
	}
	#banner_link ul li a img{
		position:relative;
		z-index:1;
	}
	#banner_link ul li a:after{
		content:" ";
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0);
		z-index:10;
		transition-duration:0.5s;
	}
	#banner_link ul li a:hover:after{
		background:rgba(0,0,0,0.1);
}
/* --- responsive --- */
@media(max-width:767px){
	#banner_link ul{
		width:100%;
		padding:25px 20px 20px;
	}
}