/* CSS Document */

.title-header-wrap{
  background: #F5F5F5;
  width: 100%;
}

.title-header-inner{
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  height: 337px;
  display: flex;
  align-items: center;
  background: url("../images/header-image.png") no-repeat right center;
}

.title-header-inner h1{
  font-size: 46px;
  line-height: 1.4;
  font-family: "UD新ゴ DB", "Noto Sans JP", "Roboto", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  color: #0079c0;
}

.rdc-title{
  font-size: 30px;
  font-family: "UD新ゴ M", "Noto Sans JP", "Roboto", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.sec-text{
  max-width: 900px;
}
h3{
  font-size: 20px;
  font-family: "UD新ゴ DB", "Noto Sans JP", "Roboto", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

p{
  line-height: 1.8;
}



	.recruit-photo-wrap ul{
		display: flex;
		flex-wrap: wrap;
	}
	.recruit-photo-wrap li{
		width: 300px;
		padding: 5px;
	}
	.recruit-photo-wrap li img{
		display: block;
		width: 100%;
		height: 300px;
		object-fit: cover;
	}
	
	@media screen and (max-width: 1230px) {
		.recruit-photo-wrap li{
			width: 246px;
		}
		.recruit-photo-wrap li img{
			width: 100%;
			height: 246px;
		}
	}

	@media screen and (max-width: 768px) {
		.recruit-photo-wrap li{
			width: 50%;
		}
		.recruit-photo-wrap li img{
			width: 100%;
			height: 200px;
		}
	}