@charset "UTF-8";

#main #recruit .contents {
	padding-bottom:30px;
}
#main #recruit .contents > p {
	margin-bottom:2em;
}
#main #recruit .message {
	box-sizing:border-box;
	padding:1em 2em;
	background:#efefef;
	margin-bottom:60px;
	border-radius:12px;
}
#main #recruit .message h3 {
	text-align:left;
	margin-bottom:.5em;
	line-height:1;
	padding:0;
	border:none;
}
#main #recruit .message p {
	line-height:1.6;
	font-size:1.7rem;
	margin-bottom:0;
}
#recruit .contents .recruit {
	max-width:800px;
	margin:0 auto 1.5em;
	text-align:left;
}
#recruit .contents .recruit h3 {
	font-size:2.1rem;
	color:#ffffff;
	background:#FFBA00;
	width:10em;
	border-radius:8px;
	margin-bottom:1em;
	text-align:center;
	line-height:2;
	letter-spacing:.5em;
	padding:0 0 0 .5em;
	box-sizing:border-box;
	border:none;
}
#recruit .contents .recruit dl {
	font-size:1.6rem;
	margin-bottom:.6em;
	width:100%;
	background:#efefef;
	line-height:1.3;
	box-sizing:border-box;
}
#recruit .contents .recruit dt {
	box-sizing:border-box;
	padding:.6em 1em;
	width:calc(100% - 14em);
}
#recruit .contents .recruit dd {
	width:14em;
}
#recruit .contents .recruit dd a {
	text-align:center;
	color:#ffffff;
	background:#7C879B;
	font-weight:500;
	width:100%;
	height:100%;
	box-sizing:border-box;
	transition:.3s;
}
#recruit .contents .recruit dd a .svg-inline--fa {
	margin-left:.3em;
	transition:.3s;
}
#recruit .contents .recruit dd a:hover .svg-inline--fa {
    transform:translateX(5px);
}
#main #recruit .contents .recruit p {
	font-size:1.6rem;
	line-height:1;
	margin:0;
}

#recruit.single .contents h3 {
	font-size:2.1rem;
	color:#ffffff;
	background:#FFBA00;
	text-align:center;
	line-height:2;
	letter-spacing:.5em;
	padding:0 0 0 .5em;
	box-sizing:border-box;
	border:none;
}
#recruit.single .contents table {
	border-collapse:collapse;
	width:100%;
	text-align:left;
	margin-bottom:30px;
}
#recruit.single .contents table th {
	width:11em;
	box-sizing:border-box;
	padding:1.5em 2em;
	line-height:1.5;
	font-weight:500;
	vertical-align:middle;
	text-align:left;
}
#recruit.single .contents table tr:nth-child(even) {
	background:rgba(255,186,0,.05);
}
#recruit.single .contents table tr:nth-child(odd) {
	background:rgba(255,186,0,.15);
}
#recruit.single .contents table tr:last-child {
	border-bottom:2px solid #FFBA00;
}
#recruit.single .contents table td {
	box-sizing:border-box;
	padding:1.5em 1em;
	line-height:1.5;
}
#recruit.single .contents .att {
	box-sizing:border-box;
	padding:15px;
	background:#f5f5f5;
	border:3px solid #efefef;
	margin-bottom:45px;
}
#recruit.single .contents a.entry {
	display:block;
	width:12em;
	text-align:center;
	font-size:1.8rem;
	background:#FFBA00;
	color:#ffffff;
	font-weight:500;
	border:3px solid #FFBA00;
	line-height:2.4;
	transition:.3s;
	margin:0 auto;
}
#recruit.single .contents a.entry .svg-inline--fa {
	margin-left:.3em;
}
#recruit.single .contents a.entry:hover {
	color:#FFBA00;
	background:#ffffff;
}

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

}

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


#main #recruit .message {
	padding:1em;
	margin-bottom:30px;
	border-radius:8px;
}
#main #recruit .message h3 {
	font-size:1.8rem;
}
#main #recruit .message p {
	font-size:1.4rem;
}

#recruit .contents .recruit h3 {
	font-size:1.8rem;
}
#recruit .contents .recruit dl {
	font-size:1.5rem;
}
#recruit .contents .recruit dt {
	box-sizing:border-box;
	padding:.6em 1em;
	width:calc(100% - 6em);
}
#recruit .contents .recruit dd {
	width:6em;
}
#recruit .contents .recruit dd a {
	padding:.5em;
	transition:0s;
	font-size:1.4rem;
}
#recruit .contents .recruit dd a .svg-inline--fa {
	transition:0s;
}
#recruit .contents .recruit dd a:hover .svg-inline--fa {
    transform:translateX(0px);
}
#main #recruit .contents .recruit p {
	font-size:1.5rem;
}

#recruit.single .contents h3 {
	font-size:1.8rem;
}
#recruit.single .contents table {
	margin-bottom:15px;
}
#recruit.single .contents table th {
	display:block;
	width:100%;
	padding:.5em;
	text-align:center;
	background:rgba(255,186,0,.15);
}
#recruit.single .contents table tr:nth-child(even) {
	background:none;
}
#recruit.single .contents table tr:nth-child(odd) {
	background:none;
}
#recruit.single .contents table tr:last-child {
	border-bottom:none;
}
#recruit.single .contents table td {
	padding:1em;
	display:block;
	width:100%;
	background:rgba(255,186,0,.05);
}
#recruit.single .contents .att {
	padding:10px;
	margin-bottom:30px;
}
#recruit.single .contents a.entry {
	font-size:1.6rem;
	transition:0s;
}
#recruit.single .contents a.entry:hover {
	color:#ffffff;
	background:#FFBA00;
}

}

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

}