/* 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/intercom-exterior.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;
  text-shadow:
	1px  1px 2px #F5F5F5,
   -1px  1px 2px #F5F5F5,
    1px -1px 2px #F5F5F5,
   -1px -1px 2px #F5F5F5;
}

.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;
		justify-content: center;
	}
	.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;
		}
	}

	.intercom-photo{
  		/* width: 300px; */        /* 画像の横幅（自由に指定） */
		display: block;
		position: relative;  /* 帯の表示位置の基準とする */
		}

	.intercom-photo img {
  		width: 100%;
		
		}

	.intercom-photo p {
		/* pタグが持つデフォルトのmarginをリセット */
		margin: 0;
		color: #fff;
		font-weight: bold;
		text-align: center;
		width: 100%;         /* 画像の幅に合わせるため */
		padding: 3px 0;
		position: absolute;  /* relativeの要素を基準にする */
		left: 0;             /* 基準からみて左寄せ */
		bottom: 0;           /* 基準からみて下寄せ */
		background: rgba(0,0,0,0.5);  /* 半透明の背景。 */
		}