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

		採用情報

******************************************/
/* recruit 採用情報
--------------------------- */
.recruit #container .item{
	margin-bottom:40px;
	overflow:hidden;
}
.recruit #container .commentArea{
	float:left;
	width:870px;
}
.recruit #container .bannerArea{
	float:right;
	width:250px;
}
.recruit #container .bannerArea ul{
	font-size:0;
	text-align:right;
}
.recruit #container .bannerArea ul li{
	font-size:12px;
	display:inline-block;
	margin-right:10px;
}
.recruit #container .bannerArea ul li:last-child{
	margin-right:0;
}
.recruit #container .bannerArea ul li img{
	max-width:100%;
}
.recruit #container .item h4{
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
	background:#BBECF7;
	padding:3px 10px;
	color:#00616F;
}
.recruit #container .tableArea{
	margin-top:30px;
}

/*テーブル
******************************************/
.recruit table{
	margin-bottom:30px;
	width:100%;
	border-top:#009EB7 solid 1px;
	border-left:#009EB7 solid 1px;
}
.recruit table th{
	background:#C9EEF3;
	color:#00434D;
	padding:10px 15px;
	border-right:#009EB7 dotted 1px;
	border-bottom:#009EB7 solid 1px;
	vertical-align:top;
	width:12em;
}
.recruit table td{
	padding:10px 15px;
	background:#fff;
	border-right:#009EB7 solid 1px;
	border-bottom:#009EB7 solid 1px;
	vertical-align:top;
}

/* member 社員紹介
--------------------------- */
.member #container .item {
	margin-bottom:10px;
	padding:15px;
	font-size:0;
	position:relative;
}
.member #container .item a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../common/images/arrow03.png) no-repeat right 20px top 50%, rgba(255,255,255,0);
}
.member #container .item a:hover {
	background:url(../common/images/arrow03.png) no-repeat right 15px top 50%, rgba(255,255,255,0.4);
}
.member #container .item.blue {
	background:url(images/bg_blue.gif) repeat left top;
}
.member #container .item.green {
	background:url(images/bg_green.gif) repeat left top;
}
.member #container .item.pink {
	background:url(images/bg_pink.gif) repeat left top;
}
.member #container .item.orange {
	background:url(images/bg_orange.gif) repeat left top;
}
.member #container .item .photo {
	display:inline-block;
	vertical-align:middle;
	width:400px;
	height:220px;
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position:center 50% !important;
}
.member #container .item .detailArea {
	display:inline-block;
	margin-left:40px;
	vertical-align:middle;
	color:#FFF;
	width:680px;
	padding-right:25px;
}
.member #container .item .detailArea .copy {
	font-size:32px;
	font-weight:bold;
	margin-bottom:15px;
	line-height:1.3;
}
.member #container .item .detailArea .affiliation {
	font-size:15px;
	margin-bottom:3px;
	line-height:1.2;
}
.member #container .item .detailArea .name {
	font-size:20px;
}


/* member_detail 社員紹介 詳細
--------------------------- */
.member_detail .profArea .item{
	margin-bottom:10px;
	padding:25px;
	font-size:0;
	width:1160px;
	margin:0 auto;
}
.member_detail.blue .profArea{
	background:url(images/bg_blue.gif) repeat left top;
}
.member_detail.green .profArea{
	background:url(images/bg_green.gif) repeat left top;
}
.member_detail.pink .profArea{
	background:url(images/bg_pink.gif) repeat left top;
}
.member_detail.orange .profArea{
	background:url(images/bg_orange.gif) repeat left top;
}

.member_detail .profArea .item .photo {
	display:inline-block;
	vertical-align:middle;
	width:400px;
	height:220px;
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position:center 50% !important;
}
.member_detail .profArea .item .detailArea {
	display:inline-block;
	margin-left:50px;
	vertical-align:middle;
	color:#FFF;
	width:650px;
	padding-right:25px;
}
.member_detail .profArea .item .detailArea .copy {
	font-size:32px;
	font-weight:bold;
	margin-bottom:15px;
	line-height:1.3;
}
.member_detail .profArea .item .detailArea .affiliation {
	font-size:15px;
	margin-bottom:3px;
	line-height:1.2;
}
.member_detail .profArea .item .detailArea .name {
	font-size:20px;
}

.member_detail #container{
	padding:50px 0;
}
.member_detail #container .item{
	margin-bottom:60px;
}
.member_detail #container .item h5{
	font-size:20px;
	font-weight:bold;
	padding:0 0 5px 42px;
	margin-bottom:20px;
}
.member_detail.blue #container .item h5{
	background:url(images/mamber_q_blue.png) no-repeat left 4px;
	background-size:28px auto;
	border-bottom:#0C3D8D solid 2px;
}
.member_detail.green #container .item h5{
	background:url(images/mamber_q_green.png) no-repeat left 4px;
	background-size:28px auto;
	border-bottom:#56AD5A solid 2px;
}
.member_detail.pink #container .item h5{
	background:url(images/mamber_q_pink.png) no-repeat left 4px;
	background-size:28px auto;
	border-bottom:#D55168 solid 2px;
}
.member_detail.orange #container .item h5{
	background:url(images/mamber_q_orange.png) no-repeat left 4px;
	background-size:28px auto;
	border-bottom:#DD8A53 solid 2px;
}
.member_detail #container .item .comment{
	font-size:15px;
}
.member_detail #container .photo{
	width:800px;
	margin:0 auto 60px auto;
	text-align:center;
}
.member_detail #container .photo img{
	max-width:100%;
}

@media only screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
/* recruit 採用情報
--------------------------- */
.recruit #container .item{
	margin-bottom:30px;
}	
.recruit #container .commentArea{
	float:none;
	width:100%;
}
.recruit #container .bannerArea{
	float:none;
	width:100%;
	margin-top:20px;
}
.recruit #container .bannerArea ul{
	text-align:center;
}
.recruit #container .item h4{
	font-weight:bold;
	font-size:15px;
	padding:5px 10px;
}
.recruit #container .tableArea{
	margin-top:20px;
}

/*テーブル
******************************************/
.recruit table{
	width:100%;
	margin-bottom:20px;
	border-top:#0078AC solid 1px;
	border-left:#0078AC solid 1px;
}
.recruit table th{
	padding:8px 10px;
	display:block;
	border-right:#0078AC solid 1px;
	border-bottom:#0078AC dotted 1px;
	width:100%;
}
.recruit table td{
	display:block;
	padding:8px 10px;
	width:100%;
}

	
/* member 社員紹介
--------------------------- */	
.member #container .item {
	padding:15px;
}
.member #container .item a {
	background:rgba(255,255,255,0);
}
.member #container .item a:hover {
	background:rgba(255,255,255,0.4);
}
.member #container .item .photo {
	width:100%;
	display:block;
	height:180px;
}
.member #container .item .detailArea {
	width:100%;
	display:block;
	padding-right:0;
	margin:15px 0 0 0;
}
.member #container .item .detailArea .copy {
	font-size:18px;
	margin-bottom:10px;
}
.member #container .item .detailArea .affiliation {
	font-size:13px;
}
.member #container .item .detailArea .name {
	font-size:15px;
}


/* member_detail 社員紹介　詳細
--------------------------- */
.member_detail .profArea .item {
	padding:15px;
	width:100%;
}
.member_detail .profArea .item .photo {
	width:100%;
	display:block;
	height:180px;
}
.member_detail .profArea .item .detailArea {
	width:100%;
	display:block;
	padding-right:0;
	margin:15px 0 0 0;
}
.member_detail .profArea .item .detailArea .copy {
	font-size:18px;
	margin-bottom:10px;
}
.member_detail .profArea .item .detailArea .affiliation {
	font-size:13px;
}
.member_detail .profArea .item .detailArea .name {
	font-size:15px;
}
.member_detail #container{
	padding:20px 10px 30px 10px;
}
.member_detail #container .item{
	margin-bottom:30px;
}
.member_detail #container .item h5{
	font-size:18px;
	font-weight:bold;
	padding:0 0 5px 42px;
	margin-bottom:15px;
	padding:0 0 5px 30px;
}
.member_detail.blue #container .item h5{
	background:url(images/mamber_q_blue.png) no-repeat left 5px;
	background-size:20px auto;
	border-bottom:#0C3D8D solid 2px;
}
.member_detail.green #container .item h5{
	background:url(images/mamber_q_green.png) no-repeat left 5px;
	background-size:20px auto;
	border-bottom:#56AD5A solid 2px;
}
.member_detail.pink #container .item h5{
	background:url(images/mamber_q_pink.png) no-repeat left 5px;
	background-size:20px auto;
	border-bottom:#D55168 solid 2px;
}
.member_detail.orange #container .item h5{
	background:url(images/mamber_q_orange.png) no-repeat left 5px;
	background-size:20px auto;
	border-bottom:#DD8A53 solid 2px;
}
.member_detail #container .item .comment{
	font-size:13px;
}
.member_detail #container .photo{
	width:100%;
	margin-bottom:30px;
}

}