@charset "UTF-8";

/* ========= lead ========= */
#lead {
	margin: 6.0rem auto 2.0rem;
}

/* ========= recruit ========= */
.recruit1 {
  display:flex;
  justify-content:space-between;
  margin-bottom: 1.0rem;
}

.recruit2 {
  display:flex;
  justify-content:space-between;
  margin: 0 auto 9.0rem;
}

.recruit-box {
  width :calc(50% - 3.0rem /2);
  margin: 1.5rem 0 0 0;
}

.recruit-box  h3 {
	margin-top: 0.8rem;
	font-size: 2.9rem;
	color: #083691;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.recruit-box p {
  margin-top: 1.5rem ;
	font-size: 1.6rem;
	text-align: left;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

/* ========= recruit-info ========= */
#recruit-info {
	margin: 0 auto 8.0rem;
}

/* ---------------レスポンシブ---------------- */

@media (max-width: 1024px){
	.recruit-box  h3 {
		margin-top: 2.0rem;
		font-size: 2.7rem;
	}

	.recruit-box {
		width :calc(50% - 3.0rem /2);
	  margin: 20px 0px;
	}
}

@media (max-width: 768px) {
  #lead{
	  margin: 4.0rem auto;
	 }
  .recruit1 {
 		display: block;
		margin: 0 auto 3.0rem;
 	}
  .recruit1 .recruit-box {
 		width: auto;
 	 }
  .recruit2 {
		margin-bottom: 1.0rem ;
	 }
  .recruit-box  h3 {
		margin: 2.0rem auto;
		font-size: 2.7rem;
		text-align: center;
	 }
  .recruit-box p {
    margin-top: 0.5rem ;
    font-size: 1.6rem;
		letter-spacing: 0rem;
	 }
}

@media (max-width: 428px) {
	.recruit1 {
		display: block;
		margin-bottom: 1.0rem ;
	}
	.recruit2 {
		display: block;
		margin-bottom: 1.0rem ;
	}
	.recruit-box {
		width :auto;
		margin: 0 auto 2.0rem;
	}
	.recruit-box  h3 {
		margin: 2.0rem 0 1.5rem;
		font-size: 2.3rem;
		text-align: center;
	}
	.recruit-box p {
		margin: 1.0rem 0 0.5rem;
		font-size: 1.5rem;
		text-align: left;
	}
	#recruit-info {
		width: 96%;
		height: auto;
		margin: 0 auto 5.0rem;
	}
	.table:after {
		content: "";
		clear: both;
		display: block;
	}
	.table dt, .table dd{
		padding: 10px 0 0;
	}
	.table dt{
		font-size: 16px;
		float: none;
		width: auto;
}
	.table dd{
	  font-size: 16px;
	  float: none;
	  width: auto;
		border-top: none;
		padding: 10px 0;
	}
}
