@charset "utf-8";

.heading {
  font-size: 18px;
  color: #50cbc1;
  margin: 30px 0 15px;
  border-bottom: 2px dotted #bbb;
  background: url(/recruitment/img/h3_icon_recruitment.png) no-repeat left center;
  padding: 5px 0 5px 40px;
}

h2.recruitment {
  margin-bottom: 20px;
  height: 0;
  padding-top: 12.98%;
  background: url(/recruitment/img/main_ttl_recruitment.png) 0 0 no-repeat;
  background-size: contain;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.txt-ttl {
  color: #50cbc1;
  font-weight: bold;
}

.color {
  color: #50cbc1;
}

#contents a {
  color: #50cbc1 !important;
  text-decoration: underline;
}
#contents a:hover {
  opacity: 0.7;
  text-decoration: none;
}

.txt-left {
  text-align: left !important;
}

table {
table-layout: fixed;
word-break: break-word;
	width: 100%;
	margin: 20px auto 10px;
	border-top: 1px solid #cfcfcf;
	border-left: none;
}
table th {
/*	width: 95%; */
/*	background: #eaeaea; */
	padding: 10px;
	text-align: center;
	font-weight: bold;
 	border-right: none;
	border-bottom: 1px solid #cfcfcf;
	line-height: 1.6em;
}
table td {
	background: none;
	padding: 10px;
	border-right: none;
	border-bottom: 1px solid #cfcfcf;
	line-height: 1.6em;
}

table.cls1 {
width: 80%;
}
table.cls1 th {
width: 33%;
}
table.cls1 td {
width: 33%;
text-align: center;
}

table.cls2 {
width: 80%;
}
table.cls2 th {
width: 50%;
}
table.cls2 td {
width: 50%;
text-align: center;
}

table.cls3 {
width: 80%;
}
table.cls3 th {
width: 30%;
}
table.cls3 td {
width: 70%;
text-align: left;
}

@media (max-width: 767px) {
table.cls1 {
width: 100%;
}
table.cls2 {
width: 100%;
}
table.cls3 {
width: 100%;
}
}