@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#main .mainImg {
	background: url(../img/company/main_img.jpg) no-repeat center center;
	background-size: cover;
}

#conts .h3Ttl01 {
	margin-bottom: 36px;
}

#conts .textBox {
	margin-bottom: 50px;
}

#conts .textBox .text01 {
	margin-bottom: 30px;
	font-size: 16px;
	letter-spacing: 0.025em;
	line-height: 1.7;
}

#conts .textBox  .text01 span {
	display: inline-block;
	text-indent: 1em;
}

#conts  .textBox .text02 {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: #4C4C4C;
	font-size: 21px;
	font-weight: bold;
	text-align: right;
	letter-spacing: 0.2em;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

#conts  .textBox .text02 span {
	margin-left: 35px;
	font-size: 26px;
}

#conts .contsBox {
	margin-bottom: 22px;
	padding: 72px 20px 20px;
	border: 1px solid #C9CACA;
}

#conts .contsBox .topImg {
	margin-bottom: 58px;
	text-align: center;
}

#conts .contsBox table {
	width: 100%;
	border-collapse: collapse;
}

#conts .contsBox th,
#conts .contsBox td {
	padding: 15px 10px 11px 17px;
	font-size: 13.5px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #E3E3E4;
}

#conts .contsBox th {
	padding: 15px 10px 11px 18px;
	width: 19%;
	letter-spacing: 1px;
	background: #E1E2E2 url(../img/company/th_bg.gif) repeat-x left top;
}

#conts .h3Ttl02 {
	margin-bottom: 53px;
}

#conts .staffBox ul {
	margin: -62px 0 62px;
	display: flex;
	flex-wrap: wrap;
}

#conts .staffBox li {
	margin: 62px 33px 0 0;
	width: 210px;
}

#conts .staffBox li:nth-child(3n) {
	margin-right: 0;
}

#conts .staffBox li .phoBox {
	margin-bottom: 23px;
}

#conts .staffBox li .phoBox img {
	width: 100%;
}

#conts .staffBox li p {
	color: #000;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0.3em;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#conts .staffBox li p span {
	margin-top: -2px;
	color: #727171;
	display: block;
	font-size: 13px;
	letter-spacing: 0.25em;
}

#conts .staffBox li .ttl {
	margin-bottom: 2px;

	color: #6ABC6F;
	font-size: 15px;
	
}

#conts .mapBox {
	padding: 21px 20px;
	border: 1px solid #C9CACA;
}

#conts .mapBox iframe {
	margin: 0 auto;
	width: 655px;
}

#conts .contsBox td a {
	color: #717071;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .textBox .text01 {
		font-size: 12px;
	}

	#conts .textBox .text02 {
		font-size: 15px;
	}

	#conts .textBox .text02 span {
		font-size: 20px;
	}

	#conts .contsBox .topImg img {
		width: 250px;
	}
	
	#conts .contsBox {
		padding: 43px 9px 20px;
	}
	
	#conts .contsBox .topImg {
		margin-bottom: 40px;
	}
	
	#conts .contsBox th,
	#conts .contsBox td {
		padding: 11px 10px 8px 9px;
		width: 100%;
		font-size: 12px;
		float: left;
		box-sizing: border-box;
	}

	#conts .staffBox ul {
		margin: 0 auto 35px;
		display: block;
	}
	
	#conts .staffBox li {
		margin: 0 0 25px;
		width: auto;
	}

	#conts .staffBox li .ttl {
		font-size: 12px;
	}

	#conts .staffBox li p {
		font-size: 20px;
	}

	#conts .staffBox li p span {
		margin-top: 0;
		font-size: 10px;
	}

	#conts .staffBox li:last-child {
		margin-bottom: 0;
	}
	
	#conts .mapBox img,
	#conts .mapBox iframe {
		width: 100%;
		height: 254px;
	}
	
	#conts .mapBox {
		padding: 10px;
	}
	
}