@charset "UTF-8";
/* CSS Document */

#body{
	padding-bottom:100px;
	background:url(../about/img/bg-history.png) #F9F9F9 repeat;	 
	line-height:2;
}

#pankuzu{
	border-bottom:1px solid #d5d5d5;
	margin:0;	
}

#intro{
	padding:72px 0 0;
	margin:0 0 45px;	
}

#intro h2{
	margin:0 0 22px -11px;	
}

.sec-history{
	margin:0 0 150px;
}	

.sec-history .image{
	background:url(../about/img/pt-history01.jpg) center top no-repeat;
	margin:0 0 30px;
}

.sec-history .ttl-col{
	width:380px;
	float:left;	
}

.sec-history .txt-col{
	width:590px;
	float:right;
	padding:40px 0 0;
}	

.sec-history h3{
	background:url(../about/img/icn-diamond_x2.png) 0 45% no-repeat;
	background-size:20px 20px;
	padding:0 0 0 35px;
	margin:0 0 23px;	
}

.ltIE8 .sec-history h3{
	background-image:	url(../about/img/icn-diamond.png);
}

.sec-history h3 img{
	vertical-align:middle;	
}

#sec2 .image{
	background-image:url(../about/img/pt-history02.jpg);
}

#sec3 .image{
	background-image:url(../about/img/pt-history03.jpg);
}

#sec4 .image{
	background-image:url(../about/img/pt-history04.jpg);
}

#sec5 .image{
	background-image:url(../about/img/pt-history05.jpg);
}

/* All SP & Tablet */
@media screen and (max-width:1039px){

	#body{
		padding-bottom:10%;
		line-height:1.8;
	}

	#intro{
		padding:7.2% 0 0;
		margin:0 0 4.5%;	
	}

	#intro h2{
		margin:0 0 2.2%;	
	}
	
	#intro h2 img{
		width:224px;	
	}

	.sec-history{
		margin:0 0 10%;
	}	

	.sec-history .image{
		background-size:auto 100%;
		margin:0 0 3%;
	}

	.sec-history .ttl-col{
		width:49%;
	}

	.sec-history .txt-col{
		width:49%;
		padding:20px 0 0;
	}	

	.sec-history h3{
		background-size:16px 16px;
		padding:0 0 0 27px;
		margin:0 0 16px;	
	}
	
	.sec-history h3 img{
		width:auto;
		max-width:none;
		height:18px;
	}	
	
	.sec-history h4 img{
		width:auto;
		height:70px;	
	}
}

/* All SP */
@media screen and (max-width:639px){
	#body{
		padding-bottom:15%;
		line-height:inherit;
	}

	#intro{
		padding:10.8% 0 0;
		margin:0 0 6.8%;	
	}

	#intro h2{
		text-align:center;
		margin:0 0 3.5%;	
	}

	.sec-history{
		margin:0 0 10%;
	}	


	.sec-history .ttl-col{
		width:100%;
		float:none;
	}

	.sec-history .txt-col{
		width:100%;
		float:none;
		padding:0;
		margin:4% 0 0;
	}	

	.sec-history h3{
		background-size:12px 12px;
		padding:0 0 0 20px;
		margin:0 0 16px;	
	}

	.sec-history h3 img{
		height:15px;
	}	

	.sec-history h4 img{
		height:56px;	
	}
}

/* Portrait */
@media screen and (max-width:479px){

}

/* Landscape*/
@media screen and (min-width:480px) and (max-width:639px){

}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1039px){

}