#site-body {color:#393939;}
#companies {padding-bottom:50px;}
#companies img {width: 100%; display: block;}
h1.no-imagetitle {color:#fff; text-align:center; padding:35px 0; background-color:#005194; font-weight:bold; font-size:20px; line-height:1.8rem;}
#companies h2 {font-size:20px; font-weight:bold; color:#005194; margin-bottom:20px;}

/*リード*/
#lead {
	margin: 30px auto 25px;
	padding: 15px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#lead p {font-size:14px;}

/*企業・団体さま一覧*/
#company-list {margin-top:20px;}
#company-list h2 {margin-bottom:10px;}
#company-list ul {
	display:-webkit-flex; display:flex;
	-webkit-flex-direction:column; flex-direction:column;
	-webkit-justify-content:space-between; justify-content:space-between;
}
#company-list ul li {
	width: 100%;
	margin-top: 20px;
	display:-webkit-flex; display:flex;
}
#company-list ul li .img-holder {
	width: 50px;
	border-right: 1px solid #cdcdcd;
	margin-right: 18px;
	padding-right: 18px;
}
#company-list ul li .text-holder {
	flex: 1;
}
#company-list ul li .text-holder h3 {
	font-size: 14px;
	font-weight: bold;
}
#company-list ul li .text-holder div {
	display:-webkit-flex; display:flex;
}
#company-list ul li .text-holder div p {
	font-size: 13px;
}
#company-list ul li .text-holder div p:first-child {
	margin-right: 15px;
}
#company-list ul li .text-holder div p:last-child {
	/*display: none;*/ /*20180313コメントアウト*/
}
#company-list ul li .text-holder div p a {
	display: block;
}

/*ご活用企業・団体さまの声*/
#interview {
	border-top: 3px solid #005194;
	border-bottom: 3px solid #005194;
	padding: 25px 0;
	margin: 30px auto 30px;
}
#interview .interview-title {
	display:-webkit-flex; display:flex;
	-webkit-justify-content:space-between; justify-content:space-between;
	margin-bottom: 20px;
}
#interview .interview-title h2 {
	margin-bottom: 0;
}
#interview .interview-title p a { /*to事務局ブログ*/
	color: #777777; font-size: 14px; display: none;
}
#interview .interview-holder {
	display:-webkit-flex; display:flex;
	-webkit-flex-direction:column; flex-direction:column;
	-webkit-justify-content:space-between; justify-content:space-between;
}
#interview .interview-holder .img-holder {width: 100%;}
#interview .interview-holder .text-holder {width: 100%; margin-top:15px;}
#interview .interview-holder .text-holder h3 {font-size: 15px; font-weight: bold;}
#interview .interview-holder .text-holder p {font-size: 14px; margin-top: 15px;}
#interview p.sp-to-othervoice a { /*to事務局ブログSP*/
	text-align: right; font-size: 14px; margin-top:20px;
	display: inline-block;
}

/*お問い合わせ*/
#contact-way {margin-bottom: 10px;}
#contact-way .contact-holder {
	display:-webkit-flex; display:flex;
	-webkit-flex-direction:column; flex-direction:column;
	-webkit-justify-content:space-between; justify-content:space-between;
}
#contact-way .contact-holder p {width: 100%;}
#contact-way .contact-holder div {
	box-sizing: border-box; width: 100%; font-size:16px; text-align:center; margin-top: 30px;
}
#contact-way .contact-holder div a {
	display:-webkit-flex; display:flex;
	-webkit-justify-content:center; justify-content:center;
	-webkit-align-items:center; align-items:center;
	padding: 15px 0; background-color:#005194; color:#fff; border:solid 2px #005194; border-radius:3px;
	box-sizing: border-box; width: 100%; display: block;
}
#contact-way .contact-holder div a:hover {
	opacity:1; background-color:transparent; color:#005194; border:2px solid #005194;
}

@media (min-width: 540px) {
	/*共通*/
	#companies h2 {font-size:22px; margin-bottom:30px;}
	/*リード*/
	#lead {
		margin: 40px auto 50px;
		padding: 15px 0;
	}
	/*企業・団体さま一覧*/
	#company-list ul {
		-webkit-flex-direction:row; flex-direction:row;
		-webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#company-list ul li {
		width: 48%;
	}
	/*ご活用企業・団体さまの声*/
	#interview {
		padding: 35px 0;
		margin: 60px auto 50px;
	}
	#interview .interview-holder {
		-webkit-flex-direction:row; flex-direction:row;
	}
	#interview .interview-holder .img-holder {width: 30%;}
	#interview .interview-holder .text-holder {width: 65%; margin-top: 0;}
	#interview .interview-title p a {display:block;}
	#interview p.sp-to-othervoice a {display:none;}
	/*お問い合わせ*/
	#contact-way {margin-bottom: 30px;}
	#contact-way .contact-holder {
		-webkit-flex-direction:row; flex-direction:row;
	}
	#contact-way .contact-holder p {width: 60%;}
	#contact-way .contact-holder div {
		width: 36%; font-size:18px; margin-top: 0;
	}
	#contact-way .contact-holder div a {padding: 22px 0;}
	
}

@media (min-width: 768px) {
}
@media (min-width: 1000px) {
}

/*20181227追記*/
#interview .interview-holder .text-holder .in-image {max-width:100%; margin:25px auto 5px;}
#interview .interview-holder .text-holder .in-image div {display:block;}
#interview .interview-holder .text-holder .in-image p {font-size:13px; margin-top:0; text-align:center;}
@media (min-width: 540px) {
	#interview .interview-holder .text-holder .in-image {max-width:400px;}
}
/*ここまで*/
