@charset "utf-8";

/*================================*/
/* 耐火物ってどんなもの？ 　　　　*/
/*================================*/

/* 耐火物とは */
#about{
	padding-bottom: 230px;
}

	#about p{
		margin: 0 320px 1.5em 0;
	}

	.youkouro{
		position: absolute;
		top: 65px;
		right: 70px;
	}
	
	.youkairo{
		position: absolute;
		bottom: 20px;
		right: 230px;
	}

	.shoukyakuro{
		position: absolute;
		top: 220px;
		right: 30px;
	}
	
	.message{
		position: absolute;
		bottom: 10px;
		left: 100px;
	}
	

/*================================*/

/* 耐火物の種類 */
#type{
	overflow: hidden;
}

	#type > p{
		margin-bottom: 30px;
		text-align: center;
	}
	
	#type > section{
		width: 50%;
		text-align: center;
	}
	
		#type > section figure{
			min-height: 194px;
			margin-bottom: 20px;
			line-height: 0;
		}
	
		#type > section h3{
			margin-bottom: 15px;
			font-size: 26px;
			font-weight: bold;
		}
	
	#type .teikei{
		float: left;
	}
	
	#type .huteikei{
		float: right;
	}


/*================================*/

/* 耐火物ができるまで */
#flow{
	position: relative;
	height: 3030px;
}

	#common{
		position: relative;
		width: 806px;
		height: 399px;
		background-image: url(../img/about_taikabutsu/common_flow.png);
		background-position: left top;
		background-repeat: no-repeat;
		z-index: 10;
	}
	
		#common *{
			display: none;
		}
	
	#flow .teikei{
		position: absolute;
		top: 525px;
		left: 55px;
		width: 438px;
		height: 2296px;
		background-image: url(../img/about_taikabutsu/teikei_flow.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	
		#flow .teikei > h3,
		#flow .teikei > ol li{
			display: none;
		}
		
		#flow .teikei > ol li:nth-child(3){
			display: block !important;
		}

		#hushousei{
			position: absolute;
			top: 765px;
			left: -20px;
			width: 218px;
			height: 376px;
			background-image: url(../img/about_taikabutsu/hushousei_flow.png);
			background-position: left top;
			background-repeat: no-repeat;
		}
		
			#hushousei *{
				display: none;
			}
		
		#shousei{
			position: absolute;
			top: 765px;
			right: -20px;
			width: 241px;
			height: 680px;
			background-image: url(../img/about_taikabutsu/shousei_flow.png);
			background-position: left top;
			background-repeat: no-repeat;
		}
		
			#shousei *{
				display: none;
			}
	
	#flow .huteikei{
		position: absolute;
		top: 525px;
		right: 55px;
		width: 326px;
		height: 2297px;
		background-image: url(../img/about_taikabutsu/huteikei_flow.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	
		#flow .huteikei *{
			display: none;
		}
	
	#last{
		position: absolute;
		bottom: 80px;
		left: 170px;
		width: 606px;
		height: 206px;
		background-image: url(../img/about_taikabutsu/last_flow.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	
		#last *{
			display: none;
		}


/*================================*/

/* 社会を支える耐火物 */
#summary{
}

	#summary h2{
		margin-bottom: 40px;
		text-align: center;
		border: none;
	}
	
	#summary figure{
		margin-bottom: 30px;
		text-align: center;
	}
	
	#summary p{
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}