@charset "utf-8";
/* CSS Document */
/* メインイメージ */
#main_img {
	height: 300px;
	background: center top no-repeat;
}
#main_img.bg-corporate {
	background-image: url(../images/img_main-corporate.jpg);
}
#main_img.bg-technical {
	background-image: url(../images/img_main-technical.jpg);
}
#main_img.bg-facilities {
	background-image: url(../images/img_main-facilities.jpg);
}
#main_img.bg-recruting {
	background-image: url(../images/img_main-recruting.jpg);
}
#main_img.bg-csr {
	background-image: url(../images/img_main-csr.jpg);
}
#main_img.bg-privacy {
	background-image: url(../images/img_main-privacy.jpg);
}
#main_img.bg-contact {
	background-image: url(../images/img_main-contact.jpg);
}
#main_img.bg-news {
	background-image: url(../images/img_main-news.jpg);
}
#main_img .page_title {
	height: 100%;
}
#main_img .page_title-main {
	height: 83%;
}
#main_img .page_title-sub {
	height: 17%;
}
#main_img h1, #main_img h2, #main_img h3, #main_img p {
	margin-top: 0;
	margin-bottom: 0;
}


/* パンくず */
#breadcrumb {
	background-color: #2b0b54;
	color: white;
	font-size: 0.9em;
	padding: 0.5em 0;
}
#breadcrumb ul {
	list-style: none;
	padding-left: 0;
}
#breadcrumb li {
	display: inline;
}
#breadcrumb li::after {
	content: "》";
	padding: 0 0.5em;
}
#breadcrumb li:last-of-type::after {
	content: "";
}


/* タブ */
#tabs {
	border-bottom: 10px solid;
	padding-top: 2rem;
	margin-top: 5rem;
}
#tabs ul {
	width: 100%;
	list-style: none;
	margin-bottom: 0;
}
#tabs li {
	flex: 1;
	position: relative;
	text-align: center;
}
#tabs .tab {
	border-left: 1rem solid transparent;
	border-right: 1rem solid transparent;
	border-bottom: 4rem solid;
}
#tabs a {
	width: 100%;
	display: block;
}
#tabs span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	padding: 0 1em;
	line-height: 1.5em;
}
#tabs span::after {
	content: "》";
	padding-left: 0.5em;
}
#tabs .active a {
	pointer-events:none;
}


/* フルサイズ */
@media only screen and (min-width: 1600px) {
	#main_img {
		background-size: 100% 100%;
	}
}
/* PCサイズ */
@media only screen and (max-width: 1200px) {
}
/* タブレットサイズ */
@media only screen and (max-width: 1024px) {
}
/* スマホサイズ */
@media only screen and (max-width: 767px) {
	#main_img.bg-corporate {
		background-image: url(../images/img_main-corporate-sp.jpg);
	}
	#main_img.bg-technical {
		background-image: url(../images/img_main-technical-sp.jpg);
	}
	#main_img.bg-facilities {
		background-image: url(../images/img_main-facilities-sp.jpg);
	}
	#main_img.bg-recruting {
		background-image: url(../images/img_main-recruting-sp.jpg);
	}
	#main_img.bg-csr {
		background-image: url(../images/img_main-csr-sp.jpg);
	}
	#main_img.bg-privacy {
		background-image: url(../images/img_main-privacy-sp.jpg);
	}
	#main_img.bg-contact {
		background-image: url(../images/img_main-contact-sp.jpg);
	}
	#main_img.bg-news {
		background-image: url(../images/img_main-news-sp.jpg);
	}
	#tabs-sp ul {
		width: 100%;
	}
	#tabs-sp li {
		margin: 1em;
		padding: 0.5em 2em;
		text-align: center;
	}
	#tabs-sp .blue-box a {
		pointer-events:none;
	}
}