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

/*-----------------------------------------------
#19BEBE
-----------------------------------------------*/

.title {
padding-bottom: 10px;
font-size: 1.75em;
text-align: center;
border-bottom: 1px solid #C8C8C8;
}
@media screen and (max-width: 799px) {
	.title {
	font-size: 1.5em;
	}
}

/*-----------------------------------------------
  recruit
-----------------------------------------------*/
#recruit {
padding: 110px 4% 60px 4%;
}
#recruit .inner {
max-width: 800px;
margin: auto;
}
#recruit .tel {
margin-top: 20px;
font-size: 1.35em;
text-align: center;
color: #19BEBE;
}
#recruit .tel a {
color: inherit;
}
#recruit .tel strong {
font-size: 2em;
font-weight: 400;
color: inherit;
}
#recruit .date {
text-align: center;
}
#recruit .note {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #C8C8C8;
}
#recruit .note li {
padding-left: 1em;
text-indent: -1em;
}
#recruit .note li::before {
content: "●";
margin-right: 0.5em;
font-size: 0.65em;
vertical-align: 0.2em;
color: #19BEBE;
}

#recruit .list {
margin-top: 60px;
}
#recruit .list h2 {
color: #19BEBE;
}
#recruit .list h2 strong {
font-size: 1.75em;
font-weight: 400;
color: inherit;
}
#recruit .list dl {
display: flex;
flex-wrap: wrap;
padding: 1em 0;
border-bottom: 1px solid #C8C8C8;
}
#recruit .list dt {
width: 10em;
margin-right: 1.5em;
font-weight: 400;
}
#recruit .list .number {
margin-right: 1.5em;
}
#recruit .list .none {
margin-top: 20px;
}
@media screen and (max-width: 799px) {
	#recruit {
	padding: 8% 4%;
	}
	#recruit .tel {
	font-size: 1.125em;
	}
	#recruit .list {
	margin-top: 8%;
	}
	#recruit .list h2 {
	font-size: 0.75em;
	}
	#recruit .list h2 strong {
	display: block;
	}
	#recruit .list dt {
	font-size: 1.125em;
	}
	#recruit .list .detail {
	width: 100%;
	}
	#recruit .list .none {
	margin-top: 1em;
	}
}