@charset "utf-8";

/***** スライド *****/

.movieWrap {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}

.movieWrap video {
	width: 100%;
	height: auto;
	margin: 0 auto;
	object-fit: cover;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("../img/index/overlay.png") repeat;
}



/***** #top01 *****/

#top01 {
	padding: 0;
	position: relative;
}

.topNews {
	width: 100%;
	max-width: 1000px;
	background: #fff;
	position: absolute;
	top: -230px;
	right: 10%;
}

.topNews table {
	width: 100%;
}

.topNews table th {
	width: 30%;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	background: #151F38;
	font-weight: normal;
}

.topNews table th h3 {
	font-weight: normal;
	line-height: 160%;
	font-size: 2rem;
	text-transform: capitalize;
	font-family: 'Amiri';
	letter-spacing: 0.1em;
}

.topNews table th p {
}

.topNews table td {
	width: 70%;
	padding: 40px;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.topLink {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

.topLink:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.linkBox {
	width: 50%;
	height: 380px;
	position: relative;
	overflow: hidden;
	float: left;
}

.linkBox:nth-of-type(3),
.linkBox:nth-of-type(6) {
	width: 100%;
	clear: both;
	float: none;
}

#linkGreeting .bg {
	background: url("../img/index/bg_01.png");
}

#linkAbout .bg {
	background: url("../img/index/bg_02.png");
}

#linkService .bg {
	background: url("../img/index/bg_03.png");
}

#linkFacility .bg {
	background: url("../img/index/bg_04.png");
}

#linkWorks .bg {
	background: url("../img/index/bg_05.png");
}

#linkSwich .bg {
	background: url("../img/index/bg_06.png");
}

.linkBox a {
	width: 100%;
	height: 100%;
	display: block;
}

.bg {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
	position: relative;
	z-index: 1;
}

.linkBox a:hover .bg {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: .8;
}

.linkBox a .linkTtl h2 {
	color: #fff;
}

.linkTtl {
	width: 180px;
	height: 180px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
	border: 2px solid #fff;
	z-index: 100;
}

.linkTtl h2 {
	width: 100%;
	text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
	font-size: 1rem;
	font-weight: normal;
}

.pcBloc {
	display: block;
}


@media screen and (max-width:1400px) {
	
		.topNews {
			max-width: 800px;
			left: 50%;
			right: auto;
			margin-left: -400px;
		}

		.topNews table th {
			width: 25%;
		}

		.topNews table td {
			width: 75%;
		}

}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1050px) {
}
@media screen and (max-width: 900px) {

		.topNews {
			width: 100%;
			max-width: 1000px;
			background: #fff;
			position: relative;
			top: auto;
			left: auto;
			right: auto;
			margin-left: 0;
		}

		.topNews table th {
			width: 30%;
		}

		.topNews table td {
			width: 70%;
			padding: 20px;
		}

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

		.topNews table th {
			width: 100%;
			padding: 20px 0;
			display: block;
		}

		.topNews table td {
			width: 100%;
			padding: 20px 0;
			display: block;
		}
	
		.topNews table th h3 {
			margin-bottom: 5px;
			font-size: 1.2rem;
		}

		.topNews table th p {
			font-size: 0.8rem;
		}

		.linkTtl {
			width: 150px;
			height: 150px;
		}

		.linkTtl h2 {
			font-size: 0.8rem;
		}

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

		.linkBox {
			width: 100%;
			height: 300px;
		}

		.linkTtl {
			width: 150px;
			height: 120px;
		}

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