@charset "utf-8";
/*
 * ===================================================
 * 
 * home
 * 
 * ===================================================
 */
html,
body { height: 100%; }
#wrapper { padding-top: 0; }




/*
 * ---------------------------------------------------
 * mainVisualWrapper
 * ---------------------------------------------------
 */
#mainVisualWrapper {
	width: 100%;
	position: relative;
}
	#mainVisualWrapper .mainVisual { height: 100%; }
	#mainVisualWrapper .slider {
		list-style-type: none;
		height: 100%;
		padding: 0;
		margin: 0;
		overflow: hidden;
		position: relative;
		z-index: 2;
	}
		#mainVisualWrapper .slider li {
			width: 100%;
			height: 100%;
			text-indent: -99999px;
			background-repeat: no-repeat;
			background-position: center center;
			-webkit-background-size: cover;
			        background-size: cover;
			position: absolute !important;
			top: 0;
			left: 0;
			z-index: 1;
		}



		#mainVisualWrapper .bx-wrapper,
		#mainVisualWrapper .bx-viewport { height: 100% !important; }


/*
 * ---------------------------------------------------
 * news
 * ---------------------------------------------------
 */

#docFile{

	width: 400px;
	height:160px;
	position: absolute;
	margin-left: -200px;
	bottom: 10px;
	left: 50%;

	float: left;
	z-index: 9;
}

#ubie_pc{
	width: 320px;
	height:100px;
	position: absolute;
	margin-left: 250px;
	bottom: 10px;
	left: 50%;

	float: left;
	z-index: 20;
/*	background: url(../images/content/ubie_pc.png) no-repeat;*/
}
#ubie_sm{
	display:none;
}



#news {
	width: 600px;
	padding: 20px;
	margin-left: -300px;
	background: rgba(254, 254, 254, 0.6);
	background: rgba(240, 240, 240, 0.9);
	position: absolute;
	bottom: 180px;
	left: 50%;
	z-index: 5;
}
	#news article {
		margin-bottom: 10px;
		overflow: hidden;
	}
	#news article:last-of-type { margin-bottom: 0; }
		#news article time {
			display: block;
			color: #003e91;
			width: 8em;
			float: left;
		}
		#news article .entry { margin-left: 8em; }
			#news article .entry a { color: #333; }

/*
 * ---------------------------------------------------
 * about
 * ---------------------------------------------------
 */
#about {}
	#about .txt {
		width: 450px;
		float: left;
	}
		#about .name { font-size: 2.4rem; }
		#about .txt .btnStyle01 { margin-bottom: 10px; }
		#about .phone {
			font-size: 1.8rem;
			font-weight: bold;
			margin-bottom: 60px;
		}
			#about .phone .num { font-size: 2.4rem; }
	#about .map {
		width: 450px;
		float: right;
	}
		#about .map iframe {
			width: 100% !important;
			height: 550px !important;
			border: none !important;
			margin-bottom: 20px;
		}
		#about .map .btnStyle01 { text-align: right; }
/*
 * ---------------------------------------------------
 * profile
 * ---------------------------------------------------
 */
#profile {}
	#profile .txt {
		width: 550px;
		float: right;
	}
		#profile .txt .profileVox {
			float: left;
			margin-top: 60px;
			margin-right: 40px;
		}
		#profile .txt .profileVox:last-of-type { margin-right: 0; }
	#profile .img {
		width: 350px;
		float: left;
	}
		#profile .img figcaption {
			font-size: 1.6rem;
			margin-top: 10px;
		}
/*
 * ---------------------------------------------------
 * menu
 * ---------------------------------------------------
 */
#menu {}
	#menu .voxStyle01:nth-of-type(1) {
		width: 300px;
		float: left;
		margin-top: 50px;
	}
	#menu .voxStyle01:nth-of-type(2) {
		width: 650px;
		float: right;
		margin-top: 50px;
	}
/*
 * ---------------------------------------------------
 * facility
 * ---------------------------------------------------
 */
#facility {}
	#facility .contVox { padding-right: 2px; }
		#facility .facilityVox {
			width: 320px;
			float: left;
			padding: 14px;
			margin-right: 19px;
			margin-bottom: 30px;
			border: 1px solid #004095;
			box-shadow: 2px 2px 0 #004095;
		}
		#facility .contVox .facilityVox:nth-of-type(3n) { margin-right: 0; }
			#facility .facilityVox figure {
				text-align: center;
				margin-bottom: 15px;
			}
			#facility .facilityVox .title {
				color: #004095;
				font-size: 2.0rem;
				font-weight: bold;
				letter-spacing: normal;
				line-height: 1.3;
				margin-bottom: 10px;
			}
/*
 * ---------------------------------------------------
 * recruit
 * ---------------------------------------------------
 */
#recruit {}
	#recruit .contVox {
		width: 48%;
		float: left;
		margin-top: 0;
		margin-right: 4%;
	}
	#recruit .contVox:nth-of-type(2n) { margin-right: 0; }
		#recruit .tableStyle01 th { width: 7em; }
		#recruit .tableStyle01 td { text-align: left; }
/**
 ****************************************************
 * 
 * screens larger than 768
 * 
 ****************************************************
 */
@media only screen and (min-width: 768px) {
	.pcDspNone { display: none; }
}	/*  @media END */
/**
 ****************************************************
 * 
 * screens smaller than 768
 * 
 ****************************************************
 */
@media only screen and (max-width: 767px) {

	#wrapper { padding-top: 60px !important; }
	/*
	 * ---------------------------------------------------
	 * mainVisualWrapper
	 * ---------------------------------------------------
	 */
	#mainVisualWrapper {
		height: auto !important;
		position: static;
	}
		#mainVisualWrapper .mainVisual { height: 250px !important; }
	/*
	 * ---------------------------------------------------
	 * news
	 * ---------------------------------------------------
	 */

	#docFile{

		width: auto;
		padding: 20px;
/*		margin-left: 40px;*/

/*		width: 340px;*/
		margin-left:auto;
		margin-right:auto;

		margin-bottom: 20px;
		position: static;
		
	
	}


	#ubie_pc{
		display:none;
	}
	#ubie_sm{
		display:block;
		width: 320px;
		height:100px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 30px;
	}


	#news {
		clear:both;
		width: auto;
		padding: 20px;
		margin-left: 0;
		margin-bottom: 20px;
		position: static;
	}


	/*
	 * ---------------------------------------------------
	 * about
	 * ---------------------------------------------------
	 */
	#about {}
		#about .txt {
			width: auto;
			float: none;
			margin-bottom: 20px;
		}
		#about .map {
			width: auto;
			float: none;
		}
			#about .map iframe { height: 200px !important; }
	/*
	 * ---------------------------------------------------
	 * profile
	 * ---------------------------------------------------
	 */
	#profile {}
		#profile .img {
			width: auto;
			float: none;
			margin-bottom: 30px;
		}
			#profile .img figcaption { font-size: 1.2rem; }
		#profile .txt {
			width: auto;
			float: none;
		}
			#profile .txt .profileVox {
				float: none;
				margin-top: 20px;
				margin-right: 0;
			}
	/*
	 * ---------------------------------------------------
	 * menu
	 * ---------------------------------------------------
	 */
	#menu {}
		#menu .voxStyle01:nth-of-type(1) {
			width: auto;
			height: auto !important;
			float: none;
			margin-top: 30px;
		}
		#menu .voxStyle01:nth-of-type(2) {
			width: auto;
			height: auto !important;
			float: auto;
			margin-top: 20px;
		}
	/*
	 * ---------------------------------------------------
	 * facility
	 * ---------------------------------------------------
	 */
	#facility {}
		#facility .contVox {}
			#facility .facilityVox {
				width: auto;
				height: auto !important;
				float: none;
				padding: 10px;
				margin-right: 0;
				margin-bottom: 20px;
			}
				#facility .facilityVox .title { font-size: 1.4rem; }
	/*
	 * ---------------------------------------------------
	 * recruit
	 * ---------------------------------------------------
	 */
	#recruit {}
		#recruit .contVox {
			width: auto;
			float: none;
			margin-right: 0;
			margin-top: 30px;
		}
		#recruit .contVox:first-of-type { margin-top: 0; }

}	/*  @media END */