@charset "utf-8";

*,*::before,*::after {
box-sizing: border-box;}

ul,li {list-style: none; margin:0; padding: 0;}
a {text-decoration: none;}




/* PC ================================================== */
@media all and (min-width:960px){
	#recruit-page {
	padding-top: 80px;
	}
	.recruit-area {
		width: 80%;
		max-width: 1000px;
		margin: 50px auto 0;
	}
	.ttl-box {
		text-align: center;
	}
	.recruit-inner {
		width: 100%;
		max-width: 1000px;
		margin: 50px auto 0;
  }
		.recruit-txt-area {
			width: 80%;
			height: auto;
			margin: 0 auto;
			text-align: center;
			line-height: 2;
			letter-spacing: 0.06em;
			font-weight: normal;
		}
		.sepa {
			margin: 50px auto;
		}
		.recruit_box{width: 100%;
			max-width: 1500px;
			margin: 0 auto;
		}
		.recruit_box dl{width: 100%;
display: flex; border-bottom: 1px dotted #ccc;
			padding-bottom: 21px;
			margin-bottom: 21px;

		}
		.recruit_box dl dt{width: 20%;
			
		}
		.recruit_box dl dd{width: 80%;
		}

}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){

#recruit-page {
	padding-top: 80px;
	}
	.recruit-area {
		width: 86%;
		max-width: 1000px;
		margin: 50px auto 0;
	}
	.ttl-box {
		text-align: center;
	}
		.ttl-box h1 {
			font-size: 32px;
		}
	.recruit-inner {
		width: 100%;
		max-width: 1000px;
		margin: 50px auto 0;
	}
		.recruit-txt-area {
			width: 100%;
			height: auto;
			margin: 0 auto;
			text-align: center;
			line-height: 2;
			letter-spacing: 0.06em;
			font-weight: normal;
			font-size: 14px;
		}
		.sepa {
			margin: 50px auto;
		}
		.recruit_box{
			width: 100%;
			margin: 0 auto;
		}
		.recruit_box dl{
			display: block;
			width: 100%;
			border-bottom: 1px dotted #ccc;
			padding-bottom: 14px;
			margin-bottom: 14px;
		}
		.recruit_box dl dt{
			display: block;
			width: 100%;
			font-size: 14px;
			padding-bottom: 5px;
		}
		.recruit_box dl dd{
			display: block;
			width: 100%;
			font-size: 16px;
		}
	}
/* SP ================================================== */
@media all and (max-width:559px){
	#recruit-page {
		padding-top: 80px;
		}
		.recruit-area {
			width: 86%;
			max-width: 1000px;
			margin: 50px auto 0;
		}
		.ttl-box {
			text-align: center;
		}
			.ttl-box h1 {
			}
		.recruit-inner {
			width: 100%;
			max-width: 1000px;
			margin: 50px auto 0;
		}
			.recruit-txt-area {
				width: 100%;
				height: auto;
				margin: 0 auto;
				text-align: center;
				line-height: 2;
				letter-spacing: 0.06em;
				font-weight: normal;
				font-size: 14px;
			}
			.sepa {
				margin: 50px auto;
			}
			.recruit_box{
				width: 100%;
				margin: 0 auto;
			}
			.recruit_box dl{
				display: block;
				width: 100%;
				border-bottom: 1px dotted #ccc;
				padding-bottom: 14px;
				margin-bottom: 14px;
			}
			.recruit_box dl dt{
				display: block;
				width: 100%;
				font-size: 14px;
				padding-bottom: 5px;
			}
			.recruit_box dl dd{
				display: block;
				width: 100%;
				font-size: 16px;
			}
}