@charset "UTF-8";

#officer ul{
	margin:150px 0 140px;
	padding:40px 50px;
	border:1px solid #136c5e; 
}
#officer ul .pic{
	position: relative;
	width:412px;
}
#officer ul .pic img{
	position: absolute;
	top:-144px;
}
#officer ul .txt{
    width: 502px;
}
#officer h2{
	margin: 20px 0 30px;
	font-size:32px;
	line-height: 1;
}
#officer h2:before{
	content:none;
}
#officer h2 small{
	color:#000;
	font-size:12px;
}

#officer .txt strong{
	display: block;
	line-height: 1.7;
}

#officer .position{
	margin-bottom:10px;
	font-weight: 500;
	line-height: 1.7;
}

#officer .career:before{
	content: '―　';
}

#officer .career{
	line-height: 2;
	padding-left:2em;
	text-indent:-2em;
}
#officer .career.over{
	text-indent: -7rem;
	padding-left: 7rem;
}
#officer img{
	width:auto;
}

/* 　＋＋＋＋＋＋＋　タブレット - iPad -（1024px）以下　用　＋＋＋＋＋＋＋　*/

@media screen and (max-width: 1024px) {
	#officer ul{
		margin:0 0 40px;
		padding:20px;
		border:none;
	}	
	#officer ul .pic{
		width: 100%;
		margin-bottom:10px;
		text-align: center;
	}
	#officer ul .pic img{
		position: inherit;
		top:auto;
	}
	#officer ul .txt{
	    width: 505px;
		margin:0 auto;
	}
}

/* 　＋＋＋＋＋＋＋　スマホ　＋＋＋＋＋＋＋　*/

@media screen and ( max-width: 767px) {
	#officer ul{
		padding:0;
		border:none; 
	}
	#officer ul .txt{
	    width: 100%;
	}
	#officer h2{
		font-size:24px;
	}
	#officer .space{
		display:none;
	}
	#officer .career.over{
		padding-left: 2rem;
		text-indent: -2rem;
	}
}
/* ＋＋end＋＋　　　スマホ　　　＋＋end＋＋　*/