@charset "utf-8";


/*-------------------------------------------------------------------
	mainVisual
-------------------------------------------------------------------*/

#mainVisual.profilePage {
	background: url("../image/corporate/profile/main_bg.jpg") center center no-repeat;
	background-size: cover;
	color: #fff;
}

#mainVisual.recruitPage {
	background: #252525;
	color:#e0c490;
}

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


/*-------------------------------------------------------------------
	profilePage
-------------------------------------------------------------------*/

.profTable {
	width: 100%;
}

.profTable th,
.profTable td {
	border-top: 1px solid #666464;
	border-bottom: 1px solid #666464;
	padding: 30px 50px;
	box-sizing: border-box;
	text-align: left;
	vertical-align: top;
}

.profTable th {
	background: #f2eee8;
	width: 26%;
	font-weight: 400;
	padding: 30px 40px;
}

.gglMap {
	margin-bottom: 120px;
}

.gglMap iframe {
	width: 100% !important;
	height: 585px !important;
}



@media screen and (max-width: 767px){
	table,
	tbody,
	tr,
	th,
	td {
		display: block;
	}
	
	.profTable {
		border-bottom: 1px solid #666464;
	}
	
	.profTable th,
	.profTable td {
		border-top: 1px solid #666464;
		border-bottom: none;
		padding: 20px 5%;
		box-sizing: border-box;
		text-align: left;
		vertical-align: top;
	}

	.profTable th {
		padding: 20px 5%;
		width: auto;
		border-bottom: 2px  dotted #66464;
	}
	
	.profTable td {
		border-top: none;
	}
	
	.gglMap {
		margin-bottom: 80px;
	}
	
	.gglMap iframe {
		height: 350px !important;
	}
	
}


/*-------------------------------------------------------------------
	採用情報
-------------------------------------------------------------------*/



.recBorder {
	display: inline-block;
	text-align: left;
}

.blackLink {
	color: #252525;
	text-decoration: none;
}

.blackLink:hover {
	text-decoration: underline;
}

#recruitPage .mb50 {
	margin-bottom: 40px !important;
}

#recruitPage .mb100 {
	margin-bottom: 70px !important;
}

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



/*-------------------------------------------------------------------
	fadein
-------------------------------------------------------------------*/

.fadeInDown {
	animation-fill-mode:both;
	animation-duration:3s;
	animation-name: fadeInDown;
	visibility: visible !important;
}

@keyframes fadeInDown {
 	0% { opacity: 0; transform: translateY(30px); }
 	100% { opacity: 1; transform: translateY(0); }
}