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

/*-----------------------------------------------
#1496DC
-----------------------------------------------*/

/* recruit */
#recruit .recruit {
padding: 80px 4%;
}
#recruit .recruit .inner {
max-width: 1200px;
margin: auto;
}
#recruit .recruit .lead {
font-weight: 500;
font-size: 1.25em;
text-align: center;
}
#recruit .recruit .outline {
margin-top: 60px;
}
#recruit .recruit .outline h2 {
display: none;
}
#recruit .recruit .outline table {
width: 100%;
margin-top: 20px;
line-height: 1.75;
}
#recruit .recruit .outline th {
width: 12em;
padding: 0.75em 1.5em;
font-weight: 400;
vertical-align: middle;
color: #FFF;
background: #1496DC;
}
#recruit .recruit .outline td {
padding: 0.75em 1em 0.75em 2em;
text-align: justify;
background: #F3FAFD;
}
#recruit .recruit .outline tr:nth-child(even) th {
background: #37A6E1;
}
#recruit .recruit .outline tr:nth-child(even) td {
background: #E0F1FA;
}
#recruit .recruit .outline .tel {
margin-top: 0.5em;
font-size: 1.5em;
font-family: "Bebas Neue", cursive;
font-weight: 700;
line-height: 0.85;
color: #1496DC;
}
#recruit .recruit .outline .tel strong {
font-size: 1.5em;
}
#recruit .recruit .outline .form a {
display: block;
max-width: 11em;
margin-top: 0.5em;
padding: 0.25em;
font-size: 1.25em;
font-weight: 700;
text-align: center;
color: #FFF;
background: #1496DC;
border: 2px solid #1496DC;
border-radius: 3em;
}
#recruit .recruit .outline .form a:hover {
color: #1496DC;
background: #FFF;
}
#recruit .recruit .outline .form span {
padding-left: 1.75em;
background-image: url("../img/common/ico_mail_w.svg");
background-position: left center;
background-repeat: no-repeat;
background-size: 1.35em;
}
#recruit .recruit .outline .form a:hover span {
background-image: url("../img/common/ico_mail.svg");
}
#recruit .recruit figure {
max-width: 300px;
margin: auto;
margin-top: 60px;
}
#recruit .recruit figcaption {
margin-top: 0.5em;
font-size: 0.875em;
text-align: right;
}
@media screen and (max-width: 767px) {
	#recruit .recruit {
	padding: 8% 0;
	}
	#recruit .recruit .lead {
	padding: 0 4% 8% 4%;
	font-size: 1em;
	}
	#recruit .recruit .outline {
	margin-top: 1px;
	background: #E0F1FA;
	}
	#recruit .recruit .outline h2 {
	position: relative;
	display: block;
	padding: 4%;
	font-size: 1.25em;
	text-align: center;
	color: #FFF;
	background: #1496DC;
	cursor: pointer;
	}
	#recruit .recruit .outline h2::after {
	content: "＋";
	position: absolute;
	top: calc(50% - 0.75em);
	right: 4%;
	color: #FFF;
	}
	#recruit .recruit .outline h2.open::after {
	content: "－";
	}
	#recruit .recruit .outline .box {
	display: none;
	padding: 4%;
	}
	#recruit .recruit .outline table {
	width: 100%;
	margin-top: 0;
	line-height: 1.5;
	}
	#recruit .recruit .outline th {
	display: block;
	width: 100%;
	padding: 0.5em 4%;
	text-align: center;
	background: #37A6E1;
	}
	#recruit .recruit .outline td {
	display: block;
	margin-top: 2.5%;
	padding: 0;
	background: none;
	}
	#recruit .recruit .outline tr:not(:first-child) th {
	margin-top: 4%;
	}
	#recruit .recruit .outline tr:nth-child(even) th {
	background: #37A6E1;
	}
	#recruit .recruit .outline tr:nth-child(even) td {
	background: none;
	}
	#recruit .recruit .outline .tel {
	margin-top: 4%;
	font-size: 1.75em;
	text-align: center;
	}
	#recruit .recruit .outline .form a {
	max-width: 15em;
	margin: auto;
	margin-top: 4%;
	padding: 0.75em;
	font-size: 1em;
	}
	#recruit .recruit figure {
	margin-top: 8%;
	}
}