@charset "utf-8";

#main{
	margin-bottom: 180px;
}

section{
	position: relative;
}

#page_mv{
	background-image: url(../../img/staff/pc/bg_h2.jpg);
}

#page_mv h2{
	background: url(../../img/staff/pc/icon_h2.png) no-repeat top 65px center;
	background-size: 42px 45px;
}

#intro{
	padding-top: 48px;
	padding-bottom: 40px;
	text-align: center;
}

#intro h3{
	color: #6C5417;
	font-size: 30px;
    letter-spacing: 3px;
    line-height: 1.46;
}

#intro h3 span{
	display: block;
	color: #483826;
	font-size: 19px;
	letter-spacing: 1.8px;
	margin-top: 25px;
}

#intro p{
    font-size: 16px;
    letter-spacing: 1.28px;
    line-height: 2.25;
    margin-top: 20px;
}

.profile{
	max-width: 1100px;
	margin-top: 65px;
}

.profilePhoto{
	float: left;
	width: 43.181%;
	margin-right: 5.909%;
}

.profileTxt{
	float: right;
	width: 50.909%;
}

.profileTxt h3{
	margin-top: 25px;
	color: #6c5417;
	font-size: 32px;
	letter-spacing: 3.2px;
	line-height: 1;
	margin-bottom: 35px;
}

.profileTxt h3 span{
	display: inline;
	font-size: 18px;
	letter-spacing: 1.8px;
	margin-right: 25px;
}

.profileTxt p{
	font-size: 16px;
	letter-spacing: 0.8px;
	line-height: 2.25;
}

.profileTxt p + p{
	margin-top: 20px;
}

.lists{
	width: 100%;
	margin-top: 40px;
	background: #fafafa;
	font-size: 14px;
	font-feature-settings: "palt" !important;
	letter-spacing: 0.7px !important;
	line-height: 1.78;
	padding: 35px 40px;
	border-collapse: separate;
	border-radius: 0 40px 40px 40px / 0 40px 40px 40px;
}

.lists td{
	padding-top: 28px;
}

.lists td + td{
	padding-left: 19px;
}

.lists td.border{
	border-bottom: 1px dashed #ccc;
	padding: 0 0 28px 0;
}

.lists td.border li{
	position: relative;
	padding-left: 13px;
}

.lists td.border li:before{
	content: "・";
	position: absolute;
	left: 0;
}

.lists td h4{
	color: #483826;
	font-size: 16px;
	letter-spacing: 0.8px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 10px;
}

.profile:nth-of-type(odd) .profilePhoto{
	float: right;
	margin-right: 0;
	margin-left: 5.909%;
}

.profile:nth-of-type(odd) .profileTxt{
	float: left;
}

.profile + .profile{
	margin-top: 90px;
}

#staff{
	margin-top: 125px;
}

#staff h3{
	text-align: center;
	background: #ebf4f7;
	color: #6c5417;
	font-size: 18px;
	letter-spacing: 1.8px;
	line-height: 70px;
	border-radius: 10px;
}

#staff h3 ~ p{
	font-size: 16px;
	letter-spacing: 1.28px;
	line-height: 2.25;
	text-align: center;
	margin: 40px auto 45px;
}

.staffList{
	width: 96%;
	margin: auto;
}

.staffList li{
	float: left;
	width: 44.5%;
}

.staffList li:nth-child(even){
	margin-left: 7.291%;
}

.staffList li:nth-child(n+3){
	margin-top: 70px;
}

.staffImg{
	width: 40.449%;
	float: left;
	margin-right: 5.617%;
}

.staffList li p{
	width: 53.932%;
	float: left;
	font-size: 14px;
	letter-spacing: 0.7px;
	line-height: 2.14;
	margin-top: 5px;
}

.staffList li p span{
	color: #78b7cc;
	font-weight: bold;
	display: block;
	margin-top: 4px;
}

.staffList li:nth-child(2n+1){
	clear: both;
}

@media screen and (max-width: 1024px){
	.profile{
		margin-top: 40px;
		max-width: 560px;
	}
	.profilePhoto{
		float: none;
		width: 75%;
		margin-right: 0;
		margin: auto;
	}
	.profileTxt{
		width: 100%;
		float: none;
	}
	.profileTxt h3{
		font-size: 26px;
		letter-spacing: 2.6px;
		margin-bottom: 15px;
		text-align: center;
	}
	.profileTxt h3 span{
		font-size: 14px;
		letter-spacing: 1.4px;
		margin-right: 18px;
	}
	.profileTxt p{
		font-size: 14px;
		letter-spacing: 0.7px;
	}
	.profileTxt p + p{
		margin-top: 13px;
	}
	.lists{
		margin-top: 25px;
		font-size: 13px;
		padding: 30px;
	}
	.lists td.border{
		padding: 0 0 18px 0;
	}
	.lists td{
		padding-top: 18px;
		display: block;
		width: 100%;
	}
	.lists td + td{
		padding-left: 0;
	}
	.lists td h4{
		font-size: 14px;
		margin-bottom: 7px;
	}
	.profile + .profile{
		margin-top: 50px;
	}
	.profile:nth-of-type(odd) .profilePhoto{
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
}

@media screen and (max-width: 768px){
	#main{
		margin-bottom: 80px;
	}
	#page_mv{
		background-position: left 26% center;
	}
	#intro{
		padding-bottom: 25px;
	}
	#intro h3{
	    font-size: 20px;
	    letter-spacing: 2px;
	}
	#intro h3 span{
		font-size: 16px;
		letter-spacing: 1.6px;
		margin-top: 20px;
	}
	#intro p{
		font-size: 14px;
	    letter-spacing: 1px;
	    text-align: left;
	    line-height: 2;
	    margin-top: 15px;
	}
	#staff{
		margin-top: 70px;
	}
	#staff h3{
		line-height: 60px;
		font-size: 16px;
	}
	#staff h3 ~ p{
		font-size: 14px;
		letter-spacing: 1px;
		margin: 30px auto 35px;
		text-align: left;
	}
	.staffList li{
		width: 48%;
	}
	.staffImg{
		width: 90%;
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	.staffList li p{
		width: 100%;
		font-size: 13px;
		letter-spacing: 0.6px;
		line-height: 2;
		margin-top: 15px;
	}
	.staffList li:nth-child(even){
		margin-left: 4%;
	}
	.staffList li:nth-child(n+3){
		margin-top: 30px;
	}
}