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

センターエリア

****************************/
#KeyVisual{
	margin:0 auto;
	width:880px;
	height:auto;;
/*	background-color:green;
*/}


#KeyVisual img {
	width:880px;
}

#PubInterview_Area{
	margin:0 auto;
	width:880px;
	height:auto;
	margin-top:50px;

	/*	background-color:red;
*/}

/* コンテンツ箇所フェード出現（ロード時） */
.fadein00, .fadein01 {
    opacity : 0;
    transform : translate(0, 100px);
    transition : all 1000ms;
}

.fadein00.scrollin, .fadein01.scrollin {
    opacity : 3;
    transform : translate(0, 0);
}
/* コンテンツ箇所フェード出現ここまで */

#txtArea01 {
	margin:0 auto;
	width:700px;
	height:auto;
/*	margin-top:60px;*/
/*	background-color:blue;
*/}

#txtArea01:after {
	content: "";
	display:block;
	clear:both;
}

#txtArea02, #txtArea03 {
	margin:0 auto;
	width:700px;
	height:auto;
	margin-top:100px;
/*	background-color:blue;
*/}

#ReadSP{
	display:none;
	
}

.txtBox_first {
	margin:0 auto;
	height:auto;
	width:560px;
	padding-top:100px;
	float:left;
}

#ReadPC{
	margin:0 auto;
	width:140px;
	height:auto;
	float:left;
	margin-top:30px;
}

#ReadPC img {
	width:45%;
}


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

レスポンシブタブレット

****************************/
@media screen and (min-width: 768px) and (max-width: 1023px){
	#KeyVisual{
		margin: 0 auto;
		text-align: center;
		width: auto;
		height: auto;
		margin-top: 40px;
		overflow: hidden;	
	}

	#PubInterview_Area{
		width:auto;
		height:auto;
	}	
}



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

レスポンシブスマホ

****************************/
@media screen and (max-width: 767px) {
	#KeyVisual{
		margin:0 auto;
		width:100%;
		height:auto;
		margin-top:30px;
		text-align:center;
	}
	
	#PubInterview_Area{
		margin:0 auto;
		width:100%;
		height:auto;
		margin-top:40px;
	}

	#txtArea01, #txtArea02, #txtArea03 {
		margin:0 auto;
		width:100%;
		height:auto;
	}
	
	#txtArea02, #txtArea03 {	
		margin-top:100px;
	}
	
	#ReadSP {
		margin:0 auto;
		display:inline;
		width:100%;
		height: auto;
		padding-left:30px;
		padding-right:30px;	
	}
	
	#ReadSPbox {
		padding-left:30px;
		padding-right:30px;	
	}
	
	#ReadPC{
		display:none;
	}

	
	.txtBox, .txtBox_first {
		margin:0 auto;
		width:auto;
		height:auto;
		padding-left:30px;
		padding-right:30px;

	}

	.txtBox_first {
		padding-top:80px;
	}
		
}