@charset "utf-8";
/* CSS Document */
a {
	color: #175b2c;
}
a:hover {
	color: #339966!important;
}
/********************************

  タイトル

********************************/
#ttl {
	width: 100%;
	text-align: center;
	margin: 0 0;
}
#ttl img {
	width: 100%;
	max-width: 1680px;
	margin: 0 auto;
}

@media screen and (max-width:640px) {
	#ttl {
		margin: 80px 0 0;
	}
}
/********************************

  conttentWrap

********************************/

.contentWrap {
	margin: 100px 0 0;
	padding: 0;
	background: #f4f7de;
}
/* .contentWrap.bg_staff01 {
	background: url("../img/staff/staff_per/staff01_fav.png"), #f4f7de;
	background-repeat: no-repeat, repeat;
	background-position: left 80%, center top;
}
.contentWrap.bg_staff02 {
	background: url("../img/staff/staff_per/staff02_fav.png"), #f4f7de;
	background-repeat: no-repeat, repeat;
	background-position: left 80%, center top;
}
.contentWrap.bg_staff03 {
	background: url("../img/staff/staff_per/staff03_fav.png"), #f4f7de;
	background-repeat: no-repeat, repeat;
	background-position: left 60%, center top;
} */
@media screen and (max-width:640px) {
	.contentWrap {
		width: 100%;
		padding: 0;
		margin: 80px auto;
	}

}
/********************************

  conttent

********************************/
.content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
}
a {
	color: #175b2c;
}
h2.interview {
	width: 45%;
	max-width: 550px;
	display: block;
	margin: -50px 0 0 0;
	padding: 10px 20px;
	color: #175b2c;
	font-weight: bold;
	background: #ffffff!important;
	height: 50px;
}
h2.interview.interview-nomargin {
	width: 100%;
	max-width: 1200px;
	margin: 50px 0 0 0;
}
h2.message {
	width: 100%;
	display: block;
	margin: 0;
	padding: 10px 20px;
	color: #175b2c;
	font-weight: bold;
	background: #ffffff!important;
	height: 50px;
}
 h3 {
	 color: #175b2c;
	 margin-top: 50px;
	 font-size: 20px;
	 padding: 20px;
	 font-weight: bold;
 }
.interview_lead {
	padding: 30px 50px;
}
.interview_txt {
	padding: 0 50px;
}
.interview_txt span {
	color: #666666;
}
.schedule {
	display: flex;
	padding: 0 50px;
	width: 100%;
}
.tbl_wrap {
	width: 60%;
}
.tbl_wrap table th,
.tbl_wrap table td {
	padding: 7px 10px;
	vertical-align: top;
}

.message_block {
	display: flex;
	margin-top: 80px;
}
.message_img {
	width: 40%;
}
.message_txt {
	width: 60%;
	padding: 0 50px 0;
}
.message_txt p {
	padding: 50px 20px;
}

.interview_point {
	 counter-reset: li_count;
	 padding-left: 45px;
}
.interview_point li {
	padding: 10px 25px;
	margin-bottom: 5px;
}
.interview_point li:before {
	counter-increment: li_count;  /* カウンタの値を計算していく */
	content: counter(li_count)"."; /* 数字出力 */
	color: #175b2c;
	margin-left: -20px;              /* 文字色指定 */
	margin-right: 5px;
	font-weight: bold;
}
@media screen and (max-width:640px) {
	.contentWrap.bg_staff01,
	.contentWrap.bg_staff02,
	.contentWrap.bg_staff03 {
		background: #f4f7de;
	}
	h2.interview,
	h2.interview.interview-nomargin,
	h2.message {
		width: 95%;
		margin: 20px 0 0 0;
		height: 35px;
		font-size: 14px;
	}
	h3 {
		margin: 10px 0 0;
		font-size: 16px;
		padding: 20px;
	}
	.interview_txt {
		margin: 0;
	}
	.schedule {
		flex-wrap: wrap;
		padding: 0 15px;

	}
	.tbl_wrap {
		width: 100%;
		padding: 0;
	}
	.tbl_wrap table {
		width: 100%;
		padding: 0;
	}
	.spfav {
		text-align: center;

	}
	.spfav img {
		width: 50%;
		max-width: 200px;
		margin: 0 auto;
	}
	.message_block {
		flex-wrap: wrap;
		margin-top: 0;
		flex-direction: column-reverse;
		padding: 0 0 30px;
	}
	.message_img {
		width: 100%;
		text-align: center;
	}
	.message_img img {
		width: 85%;
		margin: 0 auto;
	}
	.message_txt {
		width: 100%;
		padding: 0;

	}
	.message_txt p {
		padding: 0 35px;
	}
}