@charset "utf-8";
/* CSS Document */

/*
* TITLE
******************************************************/
.recruit-title {
	margin-top: 10px;
	background: #5D0101;
	padding: 30px 15px 5px 15px;
	line-height: 1.8em;
}
.recruit-title h2 {
	font-size: 160%;
	color: #fff;
}

/*
* CONTENTS
******************************************************/
.recruit__wrapper {
	padding-top: 30px;
}
.recruit__content {

}
.recruit__content-inner {
	width: 100%;
	max-width: 880px;
	margin:auto;
	padding: 60px 0;
}
.top-massage {
	padding-top:60px;
	text-align: right;
}
.top-massage span {
	display :block;
	padding-bottom: 10px;
}
.top-massage img {
	width:100%;
	max-width:201px;
}
.recruit-table {
	width: 100%;
	max-width: 880px;
	margin:auto;
}
.recruit-table h3 {
	color:#bc000f;
	border-top: 2px solid #bc000f;
	border-bottom: 2px solid #bc000f;
	padding: 5px 0;
	margin: 20px 0;
}
.recruit-table table {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 40px;
}
.recruit-table th {
	background: #fcf2f3;
	border-bottom: 2px solid #FFFFFF;
  font-weight:normal;
	color:#bc000f;
	width: 30%;
	padding: 5px 15px;
}
.recruit-table td {
	background: #fef9f9;
	border-bottom: 2px solid #FFFFFF;
	width: 80%;
	padding: 5px 15px;
}
@media screen and (max-width:600px) {
	.recruit__wrapper {
		padding-top: 0px;
	}
	.recruit__content {
		width:auto;
		margin:15px;
	}
	.recruit__content-inner {
		padding: 15px 30px;
		width: auto;
	}
	.recruit-table th {
		width: auto;
		display: block;
		padding: 5px 10px;
	}
	.recruit-table td {
		width: auto;
		display: block;
	}
}

/* maps */
.googlemaps__wrapper {
	max-width: 880px;
	width:100%;
}
.googlemaps {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  /*overflow: hidden;*/
}
.googlemaps iframe,
.googlemaps object,
.googlemaps embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}