body {
  /* 画像ファイルの指定 */
  background-image: url(../img/bg/team_hatayama_bg.jpg);
  /* 画像を常に天地左右の中央に配置 */
  background-position: top center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
}
#wrap{
	background-color:rgba(0,0,0,0.4);
	}

h2{
	position:relative;
}
h3{
	margin-bottom:20px;
	font-size:2.6rem;
	margin:auto;
	}
#top_container{
	width:98%;
	max-width:800px;
	line-height:1;
	color:#fff;
}

.teamWrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.memberImg {
	width: 40%;
}
.memberImg img {
	width: 100%;
}
.profile {
	width: calc(60% - 2rem);
	margin: 0 0 0 2rem;
}
.profile h3 {
	margin: 1.25rem 0 0.65rem;
	font-family: "Zen Old Mincho", serif;
	font-size: 2.4rem;
}
.profile h3 + .position {
	font-size: 1rem;
}
.profile .career {
	margin: 1em 0 0 0;
	padding: 1em 0 0 0;
	font-size: 1.3rem;
	letter-spacing: 0.2em;
	line-height: 1.5;
	border-top: solid 1px #ccc;
}



@media screen and (max-width: 768px) {
	body{
		background:none;
	}
	body::before {
		content:"";
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:-1;
		width:100%;
		height:100vh;
		background:url(../img/bg/team_hatayama_bg_sp.jpg) center/cover no-repeat; /*fixedをトル！*/
		-webkit-background-size:cover;/*Android4*/
	}

	#top_container{
		width: 90%;
	}
	.teamWrap {
		align-items: center;
		flex-direction: column;
	}
	.memberImg {
		width: 400px;
	}
	.profile {
		width: 400px;
		margin: 0;
	}
}
@media screen and (max-width: 480px) {
	.memberImg {
		width: clamp(280px,83.333vw,400px);
	}
	.profile {
		width: clamp(280px,83.333vw,400px);
		margin: 0;
	}
}
@media screen and (max-width: 420px) {}