@charset "UTF-8";

/* ----------------------------------------

History

---------------------------------------- */
#history{
	background-color:#ededed;
}

#history .width1600-wrapper{
	overflow:hidden;
	width:100%;
	background-color:#ededed;
	margin-top:184px;
	margin-bottom:107px;
}

#history .width1600-block{
	float:none;
	width:1600px;
	color:#000000;
}

#history .section-block{
	position:relative;
	margin-bottom:0;
/* 	background:#000000; */
	page-break-inside:avoid;
}


/* inner-section-full-width */


/* inner-section-optional-width */
#history .inner-section-optional-width{
	background-color:transparent;
/* 	background-image:url("/en/images/50th_anniversary/anv_h1_bg.jpg");
	background-repeat:no-repeat;
	background-position:center 24%; */
	position:relative;
	display:block;
	float:none;
	margin:0 auto;
	box-sizing: border-box;
	max-width:942px;
	width:auto;
	height:auto;
	padding:0;
}

#history .inner-section-optional-width h2.block-heading{
	display:block;
	float:left;
	margin:0;
	width:156px;
	padding:0;
	color:#009de9;
	font-weight:normal;
	font-size:300%;
	line-height:1em;
	white-space:nowrap;
}

/* inner-section-optional-width h2.block-heading 個別 */
#history #hoge h2.block-heading{
}


#history .inner-section-optional-width .image{
	position:absolute;
	top:0;
	left:50%;
/* 	z-index:-1; */
}

/* #history .inner-section-optional-width .image 個別 */
#history .inner-section-optional-width #hoge{
}


/* chronology-block */
#history .chronology-block{
	display:block;
	float:left;
	margin:0;
	padding:0;
	border-left:solid 6px #009de9;
	width:780px;
}

#history .chronology-block .product{
	float:left;
	width:257px;
	padding:0 0 2em 30px;
}

#history .chronology-block .description{
	float:left;
	width:463px;
	padding:0 0 2em 30px;

}

#history .chronology-block .product p,
#history .chronology-block .description p{
	padding:0 0 0 0;
	font-size:93%;
	line-height:1.4em;
}

/* #history .chronology-block .description p img, */
#history .chronology-block .product p img{
	padding-bottom:1em;
	width:100%;
	height:auto;
}


/* story-btn */
#history .story-btn a{
	display:inline-block;
	background-color:#000000;
	padding:10px;
	line-height:1em;
	font-size:143%;
	font-weight:normal;
	color:#ffffff;
}

#history .story-btn a:hover,
#history .story-btn a:active{
	opacity:0.8;
	text-decoration:none;
}



@media screen and (max-width: 1600px){
	#history .width1600-wrapper{
		width:100%;
	}

	#history .width1600-block{
		width:100%;
	}

}

@media screen and (min-width: 0px) and (max-width: 1169px){
	#history .inner-section-full-width .text{
	}

	#history .inner-section-optional-width h2.block-heading,
	#history .inner-section-optional-width h3.block-heading,
	#history .inner-section-optional-width h4.block-heading,
	#history .inner-section-optional-width p{
		margin-left:0;
		padding-left:15px;
		padding-right:15px;
	}

	#history .inner-section-optional-width h2.block-heading{
		box-sizing: border-box;
		width:20%;
	}

	#history .chronology-block{
		box-sizing: border-box;
		width:80%;
	}

	#history .chronology-block .product{
		box-sizing: border-box;
		width:36%;
		padding:0 0 2em 30px;
	}

	#history .chronology-block .description{
		box-sizing: border-box;
		width:64%;
		padding:0 15px 2em 30px;
	}

	#history .chronology-block .product p,
	#history .chronology-block .description p{
	}

/* 	#history .chronology-block .description p img, */
	#history .chronology-block .product p img{
		width:100%;
		height:auto;
	}


}

@media screen and (min-width: 0px) and (max-width: 800px){
	#history .width1600-wrapper{
		margin-top:94px;
	}

	#history .width1600-block{
		width:100%;
	}

	#history .section-block{
		margin-top:0 !important;
	}

	#history .inner-section-full-width{
		background-size:200% auto;
	}

	#history .inner-section-optional-width h2.block-heading{
		margin-top:0 !important;
		margin-bottom:12px !important;
	}

	#history .inner-section-optional-width .image{
		position:static;
		text-align:center;
	}

	#history .inner-section-optional-width h2.block-heading{
		box-sizing: border-box;
		width:30%;
		padding:0 6px;
		text-align:center;
		font-size:275%;
	}

	#history .chronology-block{
		box-sizing: border-box;
		width:70%;
	}

	#history .chronology-block .product{
	float:none;
		box-sizing: border-box;
		width:100%;
		padding:0 15px 0 15px;
	}

	#history .chronology-block .description{
	float:none;
		box-sizing: border-box;
		width:100%;
		padding:0 15px 2em 15px;
	}

	#history .chronology-block .product p,
	#history .chronology-block .description p{
	}

/* 	#history .chronology-block .description p img, */
	#history .chronology-block .product p img{
		width:100%;
		height:auto;
	}


	#history h3.block-heading span{
		white-space:nowrap;
	}


}





/* ----------------------------------------

print

---------------------------------------- */
@media print {
	#history .header-block{
		margin:auto;
	}

	#history .page-header img{
	}

	#history .page-header h1{
		position:relative;
	}

	#history .page-header .spec-prev-btn,
	#history .page-header .owl-carousel,
	#history .page-header .spec-next-btn{
		display:none !important;
	}

	#history .width1600-wrapper{
		position:relative !important;
		overflow:hidden !important;
/* 		margin-top:94px; */
		width:auto !important;
	}

	#history .width1600-block{
		position:relative !important;
		margin:0 !important;
		width:auto !important;
		padding:0 !important;
	}

	#history .section-block{
		margin-top:0 !important;
		margin-bottom:0 !important;
		width:auto !important;
	}

	#history .inner-section-full-width{
		height:1200px;
	}

	#history .inner-section-full-width .image{
		width:auto !important;
	}

	#history .inner-section-optional-width{}

	#history .inner-section-optional-width h2.block-heading{
		margin-bottom:15px;
	}

	#history .inner-section-optional-width h2.block-heading,
	#history .inner-section-optional-width h3.block-heading,
	#history .inner-section-optional-width h4.block-heading,
	#history .inner-section-optional-width p{
		margin-left:0;
		padding-left:15px;
		padding-right:15px;
	}

	#history .inner-section-optional-width h2.block-heading{
		box-sizing: border-box;
		width:20%;
	}

	#history .chronology-block{
		box-sizing: border-box;
		width:80%;
	}

	#history .chronology-block .product{
		box-sizing: border-box;
		width:36%;
		padding:0 0 2em 30px;
	}

	#history .chronology-block .description{
		box-sizing: border-box;
		width:64%;
		padding:0 15px 2em 30px;
	}

	#history .chronology-block .product p,
	#history .chronology-block .description p{
	}

/* 	#history .chronology-block .description p img, */
	#history .chronology-block .product p img{
		width:100%;
		height:auto;
	}


}