@charset "utf-8";
@import url("style.css");
@import url("responsive.css");

#mainContent p{
	margin:30px 0;
}

/* ------先輩インタビュー----- */
/* 見出し */
#person p.message{
	margin:0;
	padding:0 5px;
	font-size:180%;
	line-height:1.1em;
	color:#000;
}
#person p .name{
	font-size:70%;
}
#person p.interview img.yutaka{
	width:30%;
	max-width:300px;
	margin-left:10px;
	padding:5px;
	border:1px solid #CCC;
	float:right;
}
#person p.interview img.nakayama{
	width:40%;
	max-width:400px;
	margin-right:10px;
	padding:5px;
	border:1px solid #CCC;
	float:left;
}

/* 質問 */
#person p.q{
	margin:0;
	padding:0;
	color:#005BC4;
	font-weight:bold;
}
/* 回答 */
#person p.a{
	margin:0 0 30px 0;
	padding:0;
}

/* 社員紹介（全体） */
#person .box {
	display:flex;
	justify-content: space-between;
	width:96%;
	margin:0 auto;
	padding:0;
}
#person .box .item{
	width:45%;
	margin:20px 10px;
	padding:10px 10px 40px 10px;
	border:1px solid #CCC;
	border-radius:5px;
	border-top:8px solid #005BC4;
}
/* 社員紹介（紹介文） */
#person .box .item ul{
	margin:0;
	padding:5px 5px 20px 5px;
	background-color:#FFF;
	list-style:none;
}
#person .box .item ul li{
	margin:0 0 5px 0 ;
	padding:0;
	font-size:90%;
}
#person .box .item ul li.name{
	margin:1em 0;
	font-size:110%;
	color:#005BC4;
	text-align:center;
}
#person .box .item ul li.img{
	text-align:center;
}
#person .box .item ul li img{
	width:300px;
	margin:10px 0 0 0;
	padding:0;
}
#person .box .item ul li .bg{
	margin-right:2px;
	padding:1px 2px;
	color:#39C;
}


@media screen and (max-width:750px) {
#person .box {
	display:block;
	margin:auto;
	padding:0;
}
#person .box .item{
	width:90%;
	margin:20px auto;
}
#person .box .item ul li img{
	width:90%;
	max-width:300px;
	margin:10px 0 0 0;
	padding:0;
}
}