@charset "utf-8";


@media only screen and (min-width: 768px), print {


.oneContents.history .contentsWrap{
	width:100%;
}
.oneContents.history #main{
	width:100%;
}


.historyHead{
	width:100%;
	background:url(/hc/company/library/img/history_bg01.jpg) no-repeat center 50%;
	background-size:cover;
	padding-top:45px;
	padding-bottom:35px;
}
.historyHead.type02{
	background:url(/hc/company/library/img/history_bg10.jpg) no-repeat center 50%;
	background-size:cover;
}
.historyHead .historyHeadIn{
	width:1140px;
	margin:0 auto;
	text-align:center;
	color:#FFF;
}
.historyHead h1{
	font-size:37px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:1.2;
}
.historyHead h1 .historyHeadTx{
	font-size:15px;
	line-height:1.4;
}


.historyContents{
	background:#f4eee3 url(/hc/company/library/img/history_bg02.png) repeat-y center top;
	padding-top:70px;
	padding-bottom:0px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#000;
	min-width:1140px;
}


/*historyAnc*/
.historyAnc{
	position:fixed;
	right:0px;
	top:50%;
	transform:translateY(-50%);
	z-index:50;
}
.historyAnc a{
 font-family: 'Noto Sans JP', sans-serif;
 color:#020202;
 font-size:17px;
 text-decoration:none;
 display:inline-block;
 min-width:84px;
 background:url(/hc/company/library/img/history_bg08.png) no-repeat right 50%;
 padding-left:10px;
}
.historyAnc a:hover{
	text-decoration:underline;
}
.historyAnc .act a{
 background:url(/hc/company/library/img/history_bg07.png) no-repeat right 50%;
 color:#FFF;
}
.historyAnc li{
	margin-top:10px;
}
.historyAnc li:first-child{
	margin-top:0px;
}



/*historyTable*/
.historyTable{
	display:table;
	width:1140px;
	margin:0 auto;
	margin-top:-20px;
}
.historyTable.clearMarge{
	margin-top:30px;
	margin-bottom:30px;
}
.typeOther .historyTable{
	margin-top:0px;
}
.historyTable.tableBorder{
	margin-top:30px;
	background:url(/hc/company/library/img/history_bg03.png) no-repeat center top;
}
.typeOther .historyTable.tableBorder .historyText{
	padding-top:50px;
}
.historyTable.textOnly{
	margin-top:50px;
	margin-bottom:50px;
}
.historyTable.tableBorder.typeRe{
	margin-top:30px;
	background:url(/hc/company/library/img/history_bg04.png) no-repeat center top;
}
.historyTable .historyPhoto{
	display:table-cell;
	width:570px;
	vertical-align:middle;
	text-align:right;
	padding-right:40px;
}
.historyTable.typeRe .historyPhoto{
	text-align:left;
	padding-right:0px;
	padding-left:40px;
}
.historyTable .historyPhoto img{
	box-shadow:0px 1px 9px -1px #595959;
}
.historyTable .historyPhotoType2 img{
	box-shadow:0px 1px 9px -1px #595959;
}
.historyTable .historyText{
	display:table-cell;
	width:570px;
	vertical-align:middle;
	text-align:left;
	padding-left:40px;
	line-height:1.3;
}
.historyTable.typeRe .historyText{
	text-align:right;
	padding-right:40px;
	padding-left:0px;
}
.historyTable .historyText .historyAge{
	font-size:36px;
	color:#d02e19;
	font-style:italic;
	margin-bottom:5px;
	position:relative;
}
.typeOther .historyTable .historyText .historyAge{
	color:#00418f;
}
.historyTable .historyText .historyAge:after{
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	background:url(/hc/company/library/img/history_ic02.png) no-repeat;
	position:absolute;
	left:-50px;
	top:14px;
}
.typeOther .historyTable .historyText .historyAge:after{
	background-image:url(/hc/company/library/img/history_ic06.png);
}
.historyTable.typeRe .historyText .historyAge:after{
	right:-50px;
	left:inherit;
}
.historyTable .historyText .historyEvent{
	font-size:28px;
}
.historyTable .historyText .historyEvent a{
	text-decoration:none;
	color:#000;
}
.historyTable .historyText .historyEvent a:after{
	content:"";
	display:inline-block;
	width:28px;
	height:28px;
	background:url(/hc/company/library/img/history_ic01.png) no-repeat center 50%;
	background-size:28px 28px;
	margin-left:4px;
	vertical-align:-0.07em;
}
.historyTable .historyText .historyEvent a:hover{
	text-decoration:underline;
}



/*modal_historyAge*/
.modal_historyAge{
	font-size:36px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#d02e19;
	margin-top:0px;
	line-height:1.3;
}
.modal_historyText{
	font-size:28px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#010101;
	margin-top:0px;
	line-height:1.3;
}
.modal_slider .bx-viewport{
	height:auto !important;
}
.modal_grayBox{
	background:#f1f1f1;
	padding:15px;
	margin-top:1em;
}
.modal_grayBox .textLinkLength{
	margin-top:6px;
}
.modal_grayBox .textLinkLength > p{
	margin-top:3px;
}
.modal_grayBox > *:first-child{
	margin-top:0px;
}
.modal_cap{
	display:block;
	text-align:right;
	font-size:13px;
	margin-top:5px;
}
.modal_slider{
	position:relative;
}
.modal_slider .bx-prev{
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-15px;
	width:30px;
	height:30px;
	background:url(/hc/company/library/img/history_bt01.png) no-repeat;
	text-indent:-9999px;
}
.modal_slider .bx-next{
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-15px;
	width:30px;
	height:30px;
	background:url(/hc/company/library/img/history_bt02.png) no-repeat;
	text-indent:-9999px;
}
.modal_slider .bx-pager-item{
	display:inline-block;
}
.modal_slider .bx-pager-item a{
	background:#FFF;
	border:1px solid #000;
	width:10px;
	height:10px;
	border-radius:5px;
	display:inline-block;
	margin-left:8px;
	margin-right:8px;
	text-indent:-9999px;
}
.modal_slider .bx-pager-item a.active{
	background:#000;
}
.modal_slider .bx-default-pager{
	text-align:center;
	margin-top:10px;
}


/*floatBox clBox */
.floatBox.clBox.one_photo .floatL{
	width:630px;
}
.floatBox.clBox.one_photo .floatR{
	width:350px;
}
.floatBox.clBox.oneSlide .floatR{
	width:1018px;
	float:none;
}

/*historyImgCap*/
.historyImgCap{
	display:block;
	color:#67542f;
	font-family: 'Noto Sans JP', sans-serif;
	margin-top:3px;
}
.historyImgCap + img{
	margin-top:10px;
}
.historyFontS{
	font-size:16px;
}

/*historyItemBox*/
.historyItemBox{
	text-align:center;
	font-family: 'Noto Sans JP', sans-serif;
	color:#67542f;
	font-size:14px;
	margin-top:50px;
	margin-bottom:50px;
	background:#f4eee3;
}

/*generationBlock*/
.generationBlock{
	width:0%;
	opacity:0;
	color:#FFF;
	font-size:38px;
	text-align:center;
	background:#00418f url(/hc/company/library/img/history_bg11.jpg) no-repeat center bottom;
	height:149px;
	margin-top:50px;
	margin-bottom:50px;
	overflow:hidden;
	display:block;
	transition:1s;
}
.generationBlock .generationBlockIn{
	display:block;
	width:1000px;
	margin:0 auto;
	text-align:center;
	vertical-align:middle;
	text-align:center;
	height:149px;
	overflow:hidden;
	padding-top:40px;
}
.generationBlock.start{
	width:100%;
	opacity:1;
}


/*generationBlock2*/
.generationBlock2{
	width:0%;
	opacity:0;
	color:#FFF;
	font-size:32px;
	text-align:center;
	background:#ffa82c;
	height:75px;
	margin-top:50px;
	margin-bottom:50px;
	transition:1s;
	overflow:hidden;
	display:block;
}
.generationBlock2 .generationBlockIn{
	display:block;
	width:1000px;
	margin:0 auto;
	text-align:center;
	vertical-align:middle;
	text-align:center;
	height:75px;
	overflow:hidden;
}
.generationBlock2.start{
	width:100%;
	opacity:1;
}
.generationBlock2 strong{
	font-size:42px;
	font-weight:normal;
}

/* textBlock */
.changeTable .textBlock.tableBorder .historyEvent{
	padding-top: 30px;
	margin-top:30px;
	background:url(/hc/company/library/img/history_bg03.png) no-repeat right top;
}
.typeRe .textBlock.tableBorder .historyEvent{
	padding-top: 30px;
	margin-top:30px;
	background:url(/hc/company/library/img/history_bg03.png) no-repeat right -160px top;
}


/*historyFinal*/
.historyFinal{
	background:url(/hc/company/library/img/history_bg13.jpg) no-repeat center bottom ;
	text-align:center;
}
.typeOther .historyFinal{
	background:url(/hc/company/library/img/history_bg14.jpg) no-repeat center bottom ;
}
.historyFinal .historyFinalIn{
	width:1140px;
	margin:0 auto;
	position:relative;
}
.historyFinal .historyLogo{
	position:absolute;
	left:50%;
	top:125px;
	transform:translateX(-50%);
}
.historyFinal .historyLogo img{
	transform:scale(0,0);
	transition:1s;
}
.historyFinal.start .historyLogo img{
	transform:scale(1,1);
}


/*historyUnderSection*/
.historyUnderSection{
	width:1140px;
	margin:0 auto;
}

/*historyFinalBn*/
.historyFinalBn{
	text-align:center;
	margin-top:90px;
	padding-bottom:80px;
	background:#f4eee3;
}





}