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

    社員紹介

***************************************************************************************/
/*People 社員紹介････*/
#section01{
}
	#section01 .baseArea{
	}
		#section01 .baseArea>h1{
			display:block;
			margin-top:16.8rem;
		}
			#section01 .baseArea>h1>div{
			}
				#section01 .baseArea>h1>div>p:first-of-type{/*People*/
					padding-left:0.2em; 
					font-size:8.0rem;
					text-align:center;
					text-align-last:center;
					line-height:1.4em;
					letter-spacing:0.2em;
				}
				#section01 .baseArea>h1>div>p:last-of-type{/*社員紹介*/
					display:block;
					width:57%;
					margin:0 auto;
					font-size:2.8rem;
					font-weight:bold;
					color:white;
					text-align:center;
					text-align-last:center;
					background-color:black;
				}
				#section01 .baseArea>p{/*それぞれの現場で活躍する…*/
					margin-top:4.2rem;
					letter-spacing:0;
					line-height:1.5em;
				}

/*インタビュー（システムソリューション本部）････*/
#section02{
	background-color:#cbf08f;
}

/*インタビュー（デザインソリューション本部）････*/
#section03{
	background-color:white;
}

/*インタビュー（ビジネスソリューション本部）････*/
#section04{
	background-color:#f8f4a5;
}

/*インタビュー・エリア････*/
.interview{
}
	.interview>div{/*システムソリューション本部・System Solution*/
		margin-top:10.0rem;
	}
		.interview>div>p{
			text-align:center;
			text-align-last:center;
		}
		.interview>div>p:first-of-type{/*システムソリューション本部*/
			font-size:3.3rem;
			line-height:1.35em;
			letter-spacing:0;
		}
		.interview>div>p:last-of-type{/*System Solution*/
			font-size:3.2rem;
			color:#8fc31f;
			letter-spacing:0.2em;
		}
.baseArea article{
	margin-top:8.0rem !important;
	margin-left:-36px !important;
}
.baseArea article:first-of-type{
	margin-top:0 !important;
}
	.interview_box{
		position:relative;
		height:52.4rem;
		width:100%;
		margin-top:3.0rem;
	}
		.interview_box>*{
			position:absolute;
		}
		.interview_box>h3{/*タイトルタイトル、タイトルタイトルタイトル。*/
			z-index:2;
			top:0;
			right:3.6rem;
			font-size:3.0rem;
			line-height:1.4em;
			white-space:nowrap;/*改行禁止*/
			writing-mode:vertical-rl;/*テキスト縦書き*/
			-ms-writing-mode:tb-rl;
			-webkit-writing-mode:vertical-rl;
		}
			.interview_box>h3.pos_light{/*左*/
				right:auto;
				left:3.6rem;
			}
			.interview_box>h3 .interview_title>span{/*タイトルの1行1行に沿って適用*/
				padding:0.15em 0.055em;
				background-color:white;
			}
			.interview_box>h3 .interview_title>span:first-of-type{/*1行目（2行目とのズレ調整）*/
				padding-top:0.3em;
			}
			.interview_box>h3 .interview_title>span:first-of-type>span.blank{/*下の余白（1行目に適用されない不具合の修正）*/
				display:inline-block;
				height:0.3em;
			}
		.interview_box>div{/* プロジェクトリーダー・エンジニア・デザイナー */
			z-index:2;
			top:3.4rem;
			/*left:36%;*//*ダッシュボードで指定「画像左揃え（5%）～ 中心（36%）～ 画像右揃え（67%）」*/
			right:auto;
			height:190px;
			width:168px;
			margin:auto;
			background:url(../images/icon_balloon_bk.png) center center /cover no-repeat;
		}
			.interview_box>div>p{
				display:table-cell;
				height:176px;
				width:168px;
				color:white;
				font-weight:bold;
				text-align:center;
				text-align-last:center;
				vertical-align:middle;
				line-height:1.4em;
				letter-spacing:-0.05em;
			}
		.interview_box>img{/*人物写真*/
			z-index:1;
			height:377px;
			width:540px;
			left:30px;
			bottom:0;
			border-radius:10px;
			object-fit:cover;
			font-family:'object-fit:cover;';/*IE「object-fit」対策*/
		}
		.interview_box ~ div{/*.interview_box の次のdiv「システムソリューション本部／2011年入社 ～ 菅原 大樹」*/
			width:88%;
			margin:3.3rem auto 0 auto;
		}
			.interview_box ~ div>p{
				letter-spacing:0;
				white-space:nowrap;/*改行禁止*/
			}

    /*キャッチコピーを左寄せにする場合･･････････････････････*/
	.interview_box>h3.left{/*問題解決できるアートディレクターを目指して。*/
		right:auto;
		left:4.6rem;
	}



/*･･････････････････････････････････････････････････････････*/
/*･･････････････････････････････････････････････････････････*/
    /*･･････････････････････････････････････････････････････*/
    /*･･････････････････････････････････････････････････････*/

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

    メディアクエリ

***************************************************************************************/
/*画面幅1201px以上*/
@media(min-width:1201px){
}

/*641以上 ～ 1200px以下*/
@media(min-width:641px) and (max-width:1200px){
}

/*640px以下（モバイル対応）*/
@media(max-width:640px){
}