/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px 40px;
	margin: 0px 0px 50px 0px;
}

/*  COLUMN SETUP  */
.fi-section .col,
.section .col {
	display: block;
	float:left;
	margin: 1% 0 1% 1%;
}
.sitemap-section{
	padding: 0;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.58%;
}
.span_10_of_12 {
  	width: 83.16%;
}

.span_9_of_12 {
  	width: 74.75%;
}

.span_8_of_12 {
  	width: 66.33%;
}

.span_7_of_12 {
  	width: 57.91%;
}

.span_6_of_12 {
  	width: 49.5%;
}

.span_5_of_12 {
  	width: 41.08%;
}

.span_4_of_12 {
  	width: 32.66%;
}

.span_3_of_12 {
  	width: 24.25%;
}

.span_2_of_12 {
  	width: 15.83%;
}

.span_1_of_12 {
  	width: 7.416%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media all and (max-width: 768px) {
	.section {		
		padding: 0px 20px;
	}
	.col {  margin: 1% 0 1% 1%; }
    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 48%; 
	margin-right: 1%;
	}
}
@media all and (max-width: 640px) {
	.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}	
}

/*  SECTIONS  */
.fi-section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
/*  GRID OF THREE  */

.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 65.66%; }
.span_1_of_3 { width: 31.33%; }

.span_3_of_3 img,
.span_2_of_3 img,
.span_1_of_3 img{
	width:100%;
}
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.fi-section .col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

.max-w100,
.max-w100 img{
	max-width: 100%;	
}
.w100p{
	width: 100%;
}

.fl{
	float: left;
}
.fr{
	float: right;
}
.img-pc,
.box-pc{
	display:block;
}
.img-mob,
.box-mob{
	display: none;	
}
.box-c,.img-c, .box-c img, .img-c img{margin:0 auto; display: block;}

.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mt100{margin-top: 100px;}
.mb50{margin-bottom: 50px;}
.mr40{margin-right: 40px;}
@media all and (max-width:1024px) {
	.box-pc{
		display: none;
	}
	.box-mob{
		display: block;
		margin: 0 auto 50px;
	}
}
@media all and (max-width:768px) {
	.img-pc{
		display: none;	
	}
	.img-mob{		
		display: block;
		margin: 0 auto 0;
	}	
	.box-mob{
		display:block;				
		margin: 0 auto 30px;
	}

}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.alpha{
	margin-left: 0 !important;
	padding-left: 0 !important;
}
.omega{
	margin-right: 0 !important;
	padding-right: 0 !important;
}
.tal{text-align: left;}
.tac{text-align: center;}
.tar{text-align: right;}

.li-style-dec{list-style-type: disc;margin-left: 25px; font-size: 12px; line-height: 23px;}
/* Sub page */
.main-visual{	
	height: 235px;
	background-position: center center;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	background-size: cover;	
}
.bg-ri{
	background     :url("../images/bg_ri01.png") no-repeat 0 50%;
	background-size: cover;
}
.bg-sitemap{
	background     :url("../images/bg_sitemap.jpg") no-repeat 0 50%;
	background-size: cover;
}
.bg-customer{
	background     :url("../images/bg_customer.jpg") no-repeat 0 50%;
	background-size: cover;
}
.bg-recruit{
	background     :url("../images/bg_recruit.jpg") no-repeat 0 50%;
	background-size: cover;
}
.production-infra .subVisual{
	background     :url("../images/bg_production_infra.png") no-repeat 0 50%;
	background-size: cover;
}

.main-tit-box{	
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;;
}
.page-tit-main{
	color: #fff;
	font-size: 60px;
	border-bottom: 6px solid #fff;
	display: inline-block;
	padding-bottom: 5px;
}
.page-tit-sub{
	color: #fff;
	margin-top: 30px;
	font-size: 24px;
}
@media all and (max-width:768px) {
	.main-visual{
		height:160px;
	}
	.main-tit-box{
		padding: 50px 0;
	}
	.page-tit-main{	
		font-size: 30px;
	}
	.page-tit-sub{
		margin-top: 15px;
		font-size: 18px;
		padding: 0 20px;
		line-height: 24px;
	}	
}
.subContentsBox{	
	line-height: 28px;
	margin: 30px 0;
}
.subContentsBox h3{
	font-size: 16px;
	font-weight: bold;
	color: #202020;
	margin: 0 10px 30px;
}
.subContentsBox p{
	margin-bottom: 30px;
	font-size: 12px;
	line-height: 20px;
}
.subContentsBox img{
	margin-bottom: 30px;
	/* max-width: 100%; */
	height: auto;
}
.subContentsBox .subRightImg{
	max-width: 229px;
}
@media all and (max-width:1200px) {
	.subContentsBox .subRightImg{
		display: none;
	}
}
.subContentsBox .box-set4{
	text-align: center;	
}
.subContentsBox .box-set4 .box-set41{
	width: 23%;
	padding: 2.3% 0 1%;
	margin-right: 2%;
}
.subContentsBox .box-set4 .box-set42{
	width: 23%;
	padding: 2.3% 0 1%;
	margin-right: 2%;
}
.subContentsBox .box-set4 .box-set43{
	width: 23%;
	padding: 2.3% 0 1%;
	margin-right: 2%;
}
.subContentsBox .box-set4 .box-set44{
	width: 23%;
	padding: 2.3% 0 1%;
	margin-right: 2%;
}


.subContentsBox .box-set3{
	text-align: center;	
}
.subContentsBox .box-set3 .box-set31{
	width: 30%;
	padding: 2.3% 0 1%;
	margin-right: 3%;
}
.subContentsBox .box-set3 .box-set32{
	width: 30%;
	padding: 2.3% 0 1%;
	margin-right: 3%;
}
.subContentsBox .box-set3 .box-set33{
	width: 30%;
	padding: 2.3% 0 1%;
	margin-right: 3%;
}
.box-set3 .box-tit{
	color: #fff;
	border: 3px solid #fff;
	display: inline-block;
	padding: 3px 40px;

}
.box-set3 p{
	color: #fff;
	font-size: 13px;
	margin: 10px 40px;
	line-height: 20px;
	min-height: 80px;
}
@media all and (max-width:1024px) {
	.subContentsBox .box-set3 .box-set31,
	.subContentsBox .box-set3 .box-set32,
	.subContentsBox .box-set3 .box-set33{
		width: 30%;
		margin-bottom: 10px;		
	}
	.box-set3 {
		
	}
	.box-set3 .box-tit{
		padding: 0 2%;
		font-size: 12px;
		margin-top: 0;
	}
	.box-set3 p{
		font-size: 12px;
		line-height: 18px;
		margin: 3% 5%;
	}
	.subContentsBox{
		margin: 0 10px;
	}
}


/* certification page */
.certification-box{
	
}
.certification-box-cell{
	width: 30%;
	margin-left: 3%; 	
}
.certification-box-cell img{
	width: 100%;
}
.certification-box h3{
	font-size: 1rem;
	margin: 30px 0 0;
	height: 50px;
}
.certification-box h3:after{
	content: "";
	display: block;
	margin: 10px 0;	
	width: 30px;
	height: 2px;
	background: #202020;
}
.certification-box h3 span{
	font-size: .8rem;
	display: block;	
}
.certification-box p{
	font-size: 13px;
	line-height: 25px;	
	display: block;
	min-height: 200px;
}
@media all and (max-width:1024px) {
	.certification-box-cell{
		width: 45%;
		margin-left: 3%; 	
	}	
}
@media all and (max-width:768px) {
	.certification-box{
		margin: 0 20px;
	}
	.certification-box-cell{
		width: 100%;
		margin-left: 0; 	
	}
	.certification-box p{
		min-height: 230px;
		margin-bottom: 20px;
	}
	.subContentsBox h3{
		font-size: 12px;		
	}
	.subContentsBox{
		margin: 0;
	}

}



/* table base */
.table_base{
	font-size: 14px;
	border-top: 2px solid #5e5e5e;	
	border-bottom: 2px solid #5e5e5e;
	width: 100%;
}
.table_base tr td{
	padding: 10px 20px;
	border-bottom: 1px solid #c9c9c9;
}
.table_base tr td:first-child{
	background-color: #e1e1e1;
	font-weight: bold;
	width: 25%;	
}
.table_base tr td p{
	margin: 0;
}
.table-top-style tr:first-child td{background-color: #828282;color:#fff;font-weight: bold;border-left: 1px solid #c9c9c9;}
.table-top-style tr:first-child td:first-child{border-left: 0px}
.table-top-style tr:not(:first-child) td{border-left: 1px solid #c9c9c9;}
.table-top-style tr:not(:first-child) td:first-child{border-left: 0px;}
/* title icon pakage */
.tit-int0101{background: url("../images/icon_int0101.png") no-repeat 0 0;}
.tit-int0201{background: url("../images/icon_int0201.png") no-repeat 0 0;}
.tit-int0301{background: url("../images/icon_int0301.png") no-repeat 0 0;}
.tit-int0302{background: url("../images/icon_int0302.png") no-repeat 0 0;}
.tit-int0303{background: url("../images/icon_int0303.png") no-repeat 0 0;}
.tit-int0401{background: url("../images/icon_int0401.png") no-repeat 0 0;}
.tit-int0402{background: url("../images/icon_int0402.png") no-repeat 0 0;}
.tit-int0403{background: url("../images/icon_int0403.png") no-repeat 0 0;}
.tit-int0500{background: url("../images/icon_int0500.png") no-repeat 0 0;}
.tit-int0501{background: url("../images/icon_int0501.png") no-repeat 0 0;}
.tit-int0502{background: url("../images/icon_int0502.png") no-repeat 0 0;}
.tit-int0503{background: url("../images/icon_int0503.png") no-repeat 0 0;}
.tit-int0504{background: url("../images/icon_int0504.png") no-repeat 0 0;}
.tit-int0505{background: url("../images/icon_int0505.png") no-repeat 0 0;}
.tit-int0506{background: url("../images/icon_int0506.png") no-repeat 0 0;}
.tit-int0601{background: url("../images/icon_int0601.png") no-repeat 0 0;}

.tit-ri0101{background: url("../images/icon_ri0101.png") no-repeat 0 0;}
.tit-ri0102{background: url("../images/icon_ri0102.png") no-repeat 0 0;}
.tit-ri0201{background: url("../images/icon_ri0201.png") no-repeat 0 0;}
.tit-ri0202{background: url("../images/icon_ri0202.png") no-repeat 0 0;}
.tit-ri0301{background: url("../images/icon_ri0301.png") no-repeat 0 0;}
.tit-ri0302{background: url("../images/icon_ri0302.png") no-repeat 0 0;}
.tit-ri0303{background: url("../images/icon_ri0303.png") no-repeat 0 0;}
.tit-ri0304{background: url("../images/icon_ri0304.png") no-repeat 0 0;}
.tit-ri0305{background: url("../images/icon_ri0305.png") no-repeat 0 0;}
.tit-ri0306{background: url("../images/icon_ri0306.png") no-repeat 0 0;}
.tit-ri0401{background: url("../images/icon_ri0401.png") no-repeat 0 0;}
.tit-ri0402{background: url("../images/icon_ri0402.png") no-repeat 0 0;}
.tit-ri0501{background: url("../images/icon_ri0501.png") no-repeat 0 0;}
.tit-ri0502{background: url("../images/icon_ri0502.png") no-repeat 0 0;}
.tit-ri0503{background: url("../images/icon_ri0503.png") no-repeat 0 0;}
.tit-ri0504{background: url("../images/icon_ri0504.png") no-repeat 0 0;}
.tit-ri0505{background: url("../images/icon_ri0505.png") no-repeat 0 0;}
.tit-ri0601{background: url("../images/icon_ri0601.png") no-repeat 0 0;}
.tit-ri0602{background: url("../images/icon_ri0602.png") no-repeat 0 0;}
.tit-ri0603{background: url("../images/icon_ri0603.png") no-repeat 0 0;}
.tit-ri0604{background: url("../images/icon_ri0604.png") no-repeat 0 0;}

.tit-pi0101{background: url("../images/icon_pi0101.png") no-repeat 0 0;}
.tit-pi0201{background: url("../images/icon_pi0201.png") no-repeat 0 0;}
.tit-pi0301{background: url("../images/icon_pi0301.png") no-repeat 0 0;}


@media all and (max-width:1024px) {
	.sub-title1 p{
		width: 100%;
	}
	.subContentsBox{		
		padding: 0;
	}
	.tit-int0101,.tit-int0201,.tit-int0301,.tit-int0302,.tit-int0303,.tit-int0401,.tit-int0402,.tit-int0403,.tit-int0500,.tit-int0501,.tit-int0502,.tit-int0503,.tit-int0504,.tit-int0505,.tit-int0506,.tit-int0601,.tit-ri0101,.tit-ri0102,.tit-ri0201,.tit-ri0202,.tit-ri0301,.tit-ri0302,.tit-ri0303,.tit-ri0304,.tit-ri0305,.tit-ri0306,.tit-ri0401,.tit-ri0402,.tit-ri0501,.tit-ri0502,.tit-ri0503,.tit-ri0504,.tit-ri0505,.tit-ri0601,.tit-ri0602,.tit-ri0603,.tit-ri0604,.tit-pi0101,.tit-pi0201,.tit-pi0301{
		background-image: none;
		padding: 0;
	}
	

	/* table base */
	.table_base{
		font-size: 11px;
	}
	.table_base tr td{
		padding: 3px 4px;
	}
	.table_base tr td:first-child{		
		width: 45%;	
	}
	.table_base tr td p{
		margin: 0;
	}

}

/* R&I field of study page gallery */
.field-box-l{
	width: 30%;
	float: left;
}
.field-box-r{
	width: 70%;
	float: right;
}
.box-gal-nav{

}
.ri-img-history{
	max-width: 600px;
}
@media all and (max-width:1279px) {
	.field-box-l, .field-box-r{
		float: none;
		width: 100%;
		display: inline-block;
	}
	.field-box-r{
		margin-top: 5px;
	}
}

.box-gal-nav ul li{
	background:url('../images/ri_gal_nav2.png') no-repeat;
	vertical-align:top;
	display:block;
	text-indent:-5000px;
	font-size:0;
	line-height:0;
	height:135px;
	width: 135px;
	float: left;
	margin: 0 2px 2px 0;
}
.box-gal-nav .ri-na01-1{background-position: 0 0;}
.box-gal-nav .ri-na01-2{background-position: 0 -135px;}
.box-gal-nav .ri-na01-3{background-position: 0 -270px;}
.box-gal-nav .ri-na01-4{background-position: 0 -405px;}
.box-gal-nav .ri-na01-5{background-position: 0 -540px;}
.box-gal-nav .ri-na01-6{background-position: 0 -675px;}
.box-gal-nav .ri-na01-1:hover, .box-gal-nav .ri-na01-1:active, .box-gal-nav .ri-na01-1.active { background-position: -135px 0px;}
.box-gal-nav .ri-na01-2:hover, .box-gal-nav .ri-na01-2:active, .box-gal-nav .ri-na01-2.active { background-position: -135px -135px;}
.box-gal-nav .ri-na01-3:hover, .box-gal-nav .ri-na01-3:active, .box-gal-nav .ri-na01-3.active { background-position: -135px -270px;}
.box-gal-nav .ri-na01-4:hover, .box-gal-nav .ri-na01-4:active, .box-gal-nav .ri-na01-4.active { background-position: -135px -405px;}
.box-gal-nav .ri-na01-5:hover, .box-gal-nav .ri-na01-5:active, .box-gal-nav .ri-na01-5.active { background-position: -135px -540px;}
.box-gal-nav .ri-na01-6:hover, .box-gal-nav .ri-na01-6:active, .box-gal-nav .ri-na01-6.active { background-position: -135px -675px;}

.box-gal-nav .ri-na02-1{background-position: 0px -810px;}
.box-gal-nav .ri-na02-2{background-position: 0px -945px;}
.box-gal-nav .ri-na02-3{background-position: 0px -1080px;}
.box-gal-nav .ri-na02-4{background-position: 0px -1215px;}
.box-gal-nav .ri-na02-5{background-position: 0px -1350px;}
.box-gal-nav .ri-na02-1:hover, .box-gal-nav .ri-na02-1:active, .box-gal-nav .ri-na02-1.active { background-position: -135px -810px;}
.box-gal-nav .ri-na02-2:hover, .box-gal-nav .ri-na02-2:active, .box-gal-nav .ri-na02-2.active { background-position: -135px -945px;}
.box-gal-nav .ri-na02-3:hover, .box-gal-nav .ri-na02-3:active, .box-gal-nav .ri-na02-3.active { background-position: -135px -1080px;}
.box-gal-nav .ri-na02-4:hover, .box-gal-nav .ri-na02-4:active, .box-gal-nav .ri-na02-4.active { background-position: -135px -1215px;}
.box-gal-nav .ri-na02-5:hover, .box-gal-nav .ri-na02-5:active, .box-gal-nav .ri-na02-5.active { background-position: -135px -1350px;}


.box-gal-nav .ri-na03-1{background-position: 0px -1485px;}
.box-gal-nav .ri-na03-2{background-position: 0px -1620px;}
.box-gal-nav .ri-na03-3{background-position: 0px -1755px;}
.box-gal-nav .ri-na03-4{background-position: 0px -1890px;}
.box-gal-nav .ri-na03-1:hover, .box-gal-nav .ri-na03-1:active, .box-gal-nav .ri-na03-1.active { background-position: -135px -1485px;}
.box-gal-nav .ri-na03-2:hover, .box-gal-nav .ri-na03-2:active, .box-gal-nav .ri-na03-2.active { background-position: -135px -1620px;}
.box-gal-nav .ri-na03-3:hover, .box-gal-nav .ri-na03-3:active, .box-gal-nav .ri-na03-3.active { background-position: -135px -1755px;}
.box-gal-nav .ri-na03-4:hover, .box-gal-nav .ri-na03-4:active, .box-gal-nav .ri-na03-4.active { background-position: -135px -1890px;}

.box-gal-nav .ri-na04-1{background-position: 0px -2025px;}
.box-gal-nav .ri-na04-2{background-position: 0px -2160px;}
.box-gal-nav .ri-na04-3{background-position: 0px -2295px;}
.box-gal-nav .ri-na04-4{background-position: 0px -2430px;}
.box-gal-nav .ri-na04-5{background-position: 0px -2565px;}
.box-gal-nav .ri-na04-1:hover, .box-gal-nav .ri-na04-1:active, .box-gal-nav .ri-na04-1.active { background-position: -135px -2025px;}
.box-gal-nav .ri-na04-2:hover, .box-gal-nav .ri-na04-2:active, .box-gal-nav .ri-na04-2.active { background-position: -135px -2160px;}
.box-gal-nav .ri-na04-3:hover, .box-gal-nav .ri-na04-3:active, .box-gal-nav .ri-na04-3.active { background-position: -135px -2295px;}
.box-gal-nav .ri-na04-4:hover, .box-gal-nav .ri-na04-4:active, .box-gal-nav .ri-na04-4.active { background-position: -135px -2430px;}
.box-gal-nav .ri-na04-5:hover, .box-gal-nav .ri-na04-5:active, .box-gal-nav .ri-na04-5.active { background-position: -135px -2565px;}

.box-gal-nav .ri-na05-1{background-position: 0px -2700px;}
.box-gal-nav .ri-na05-2{background-position: 0px -2835px;}
.box-gal-nav .ri-na05-3{background-position: 0px -2970px;}
.box-gal-nav .ri-na05-4{background-position: 0px -3105px;}
.box-gal-nav .ri-na05-5{background-position: 0px -3240px;}
.box-gal-nav .ri-na05-1:hover, .box-gal-nav .ri-na05-1:active, .box-gal-nav .ri-na05-1.active { background-position: -135px -2700px;}
.box-gal-nav .ri-na05-2:hover, .box-gal-nav .ri-na05-2:active, .box-gal-nav .ri-na05-2.active { background-position: -135px -2835px;}
.box-gal-nav .ri-na05-3:hover, .box-gal-nav .ri-na05-3:active, .box-gal-nav .ri-na05-3.active { background-position: -135px -2970px;}
.box-gal-nav .ri-na05-4:hover, .box-gal-nav .ri-na05-4:active, .box-gal-nav .ri-na05-4.active { background-position: -135px -3105px;}
.box-gal-nav .ri-na05-5:hover, .box-gal-nav .ri-na05-5:active, .box-gal-nav .ri-na05-5.active { background-position: -135px -3240px;}

.box-gal-nav .ri-na06-1{background-position: 0px -3375px;}
.box-gal-nav .ri-na06-2{background-position: 0px -3510px;}
.box-gal-nav .ri-na06-3{background-position: 0px -3645px;}
.box-gal-nav .ri-na06-4{background-position: 0px -3780px;}
.box-gal-nav .ri-na06-1:hover, .box-gal-nav .ri-na06-1:active, .box-gal-nav .ri-na06-1.active { background-position: -135px -3375px;}
.box-gal-nav .ri-na06-2:hover, .box-gal-nav .ri-na06-2:active, .box-gal-nav .ri-na06-2.active { background-position: -135px -3510px;}
.box-gal-nav .ri-na06-3:hover, .box-gal-nav .ri-na06-3:active, .box-gal-nav .ri-na06-3.active { background-position: -135px -3645px;}
.box-gal-nav .ri-na06-4:hover, .box-gal-nav .ri-na06-4:active, .box-gal-nav .ri-na06-4.active { background-position: -135px -3780px;}


@media all and (max-width:1023px) {
	.box-gal-nav ul li{
		background:url('../images/ri_gal_nav2.png') no-repeat;		
		height:67px;
		width: 67px;
		background-size: 200%;
	}

	.box-gal-nav .ri-na01-1{background-position: 0px 0px;}
	.box-gal-nav .ri-na01-2{background-position: 0px -67px;}
	.box-gal-nav .ri-na01-3{background-position: 0px -134px;}
	.box-gal-nav .ri-na01-4{background-position: 0px -201px;}
	.box-gal-nav .ri-na01-5{background-position: 0px -268px;}
	.box-gal-nav .ri-na01-6{background-position: 0px -335px;}
	.box-gal-nav .ri-na01-1:hover, .box-gal-nav .ri-na01-1:active, .box-gal-nav .ri-na01-1.active { background-position: -67px 0;}
	.box-gal-nav .ri-na01-2:hover, .box-gal-nav .ri-na01-2:active, .box-gal-nav .ri-na01-2.active { background-position: -67px -67px;}
	.box-gal-nav .ri-na01-3:hover, .box-gal-nav .ri-na01-3:active, .box-gal-nav .ri-na01-3.active { background-position: -67px -134px;}
	.box-gal-nav .ri-na01-4:hover, .box-gal-nav .ri-na01-4:active, .box-gal-nav .ri-na01-4.active { background-position: -67px -201px;}
	.box-gal-nav .ri-na01-5:hover, .box-gal-nav .ri-na01-5:active, .box-gal-nav .ri-na01-5.active { background-position: -67px -268px;}
	.box-gal-nav .ri-na01-6:hover, .box-gal-nav .ri-na01-6:active, .box-gal-nav .ri-na01-6.active { background-position: -67px -335px;}

	.box-gal-nav .ri-na02-1{background-position: 0px -402px;}
	.box-gal-nav .ri-na02-2{background-position: 0px -469px;}
	.box-gal-nav .ri-na02-3{background-position: 0px -536px;}
	.box-gal-nav .ri-na02-4{background-position: 0px -603px;}
	.box-gal-nav .ri-na02-5{background-position: 0px -670px;}
	.box-gal-nav .ri-na02-1:hover, .box-gal-nav .ri-na02-1:active, .box-gal-nav .ri-na02-1.active { background-position: -67px -402px;}
	.box-gal-nav .ri-na02-2:hover, .box-gal-nav .ri-na02-2:active, .box-gal-nav .ri-na02-2.active { background-position: -67px -469px;}
	.box-gal-nav .ri-na02-3:hover, .box-gal-nav .ri-na02-3:active, .box-gal-nav .ri-na02-3.active { background-position: -67px -536px;}
	.box-gal-nav .ri-na02-4:hover, .box-gal-nav .ri-na02-4:active, .box-gal-nav .ri-na02-4.active { background-position: -67px -603px;}
	.box-gal-nav .ri-na02-5:hover, .box-gal-nav .ri-na02-5:active, .box-gal-nav .ri-na02-5.active { background-position: -67px -670px;}


	.box-gal-nav .ri-na03-1{background-position: 0px -737px;}
	.box-gal-nav .ri-na03-2{background-position: 0px -804px;}
	.box-gal-nav .ri-na03-3{background-position: 0px -871px;}
	.box-gal-nav .ri-na03-4{background-position: 0px -938px;}
	.box-gal-nav .ri-na03-1:hover, .box-gal-nav .ri-na03-1:active, .box-gal-nav .ri-na03-1.active { background-position: -67px -737px;}
	.box-gal-nav .ri-na03-2:hover, .box-gal-nav .ri-na03-2:active, .box-gal-nav .ri-na03-2.active { background-position: -67px -804px;}
	.box-gal-nav .ri-na03-3:hover, .box-gal-nav .ri-na03-3:active, .box-gal-nav .ri-na03-3.active { background-position: -67px -871px;}
	.box-gal-nav .ri-na03-4:hover, .box-gal-nav .ri-na03-4:active, .box-gal-nav .ri-na03-4.active { background-position: -67px -938px;}

	.box-gal-nav .ri-na04-1{background-position: -0px -1005px;}
	.box-gal-nav .ri-na04-2{background-position: -0px -1072px;}
	.box-gal-nav .ri-na04-3{background-position: -0px -1139px;}
	.box-gal-nav .ri-na04-4{background-position: -0px -1206px;}
	.box-gal-nav .ri-na04-5{background-position: -0px -1273px;}
	.box-gal-nav .ri-na04-1:hover, .box-gal-nav .ri-na04-1:active, .box-gal-nav .ri-na04-1.active { background-position: -67px -1005px;}
	.box-gal-nav .ri-na04-2:hover, .box-gal-nav .ri-na04-2:active, .box-gal-nav .ri-na04-2.active { background-position: -67px -1072px;}
	.box-gal-nav .ri-na04-3:hover, .box-gal-nav .ri-na04-3:active, .box-gal-nav .ri-na04-3.active { background-position: -67px -1139px;}
	.box-gal-nav .ri-na04-4:hover, .box-gal-nav .ri-na04-4:active, .box-gal-nav .ri-na04-4.active { background-position: -67px -1206px;}
	.box-gal-nav .ri-na04-5:hover, .box-gal-nav .ri-na04-5:active, .box-gal-nav .ri-na04-5.active { background-position: -67px -1273px;}

	.box-gal-nav .ri-na05-1{background-position: 0px -1340px;}
	.box-gal-nav .ri-na05-2{background-position: 0px -1407px;}
	.box-gal-nav .ri-na05-3{background-position: 0px -1474px;}
	.box-gal-nav .ri-na05-4{background-position: 0px -1541px;}
	.box-gal-nav .ri-na05-5{background-position: 0px -1608px;}
	.box-gal-nav .ri-na05-1:hover, .box-gal-nav .ri-na05-1:active, .box-gal-nav .ri-na05-1.active { background-position: -67px -1340px;}
	.box-gal-nav .ri-na05-2:hover, .box-gal-nav .ri-na05-2:active, .box-gal-nav .ri-na05-2.active { background-position: -67px -1407px;}
	.box-gal-nav .ri-na05-3:hover, .box-gal-nav .ri-na05-3:active, .box-gal-nav .ri-na05-3.active { background-position: -67px -1474px;}
	.box-gal-nav .ri-na05-4:hover, .box-gal-nav .ri-na05-4:active, .box-gal-nav .ri-na05-4.active { background-position: -67px -1541px;}
	.box-gal-nav .ri-na05-5:hover, .box-gal-nav .ri-na05-5:active, .box-gal-nav .ri-na05-5.active { background-position: -67px -1608px;}

	.box-gal-nav .ri-na06-1{background-position: 0px -1675px;}
	.box-gal-nav .ri-na06-2{background-position: 0px -1742px;}
	.box-gal-nav .ri-na06-3{background-position: 0px -1809px;}
	.box-gal-nav .ri-na06-4{background-position: 0px -1876px;}
	.box-gal-nav .ri-na06-1:hover, .box-gal-nav .ri-na06-1:active, .box-gal-nav .ri-na06-1.active { background-position: -67px -1675px;}
	.box-gal-nav .ri-na06-2:hover, .box-gal-nav .ri-na06-2:active, .box-gal-nav .ri-na06-2.active { background-position: -67px -1742px;}
	.box-gal-nav .ri-na06-3:hover, .box-gal-nav .ri-na06-3:active, .box-gal-nav .ri-na06-3.active { background-position: -67px -1809px;}
	.box-gal-nav .ri-na06-4:hover, .box-gal-nav .ri-na06-4:active, .box-gal-nav .ri-na06-4.active { background-position: -67px -1876px;}

}

/* recruit page */
.recruit-tit{
	border: 3px solid #202020;
	padding: 10px 15px;
	margin-bottom: 50px;
}
.recruit-tit p{
	font-size: 24px;
	line-height: 38px;
	float: left;	
}
.recruit-tit span{
	background-color: #5a5a5a;
	color: #fff;
	padding: 10px;
	font-size: 18px ;	
	float: right;
}
.subContentsBox h3.recruit-tit2 span{
	color: #b00c28;
	font-size: 24px;
	line-height: 70px;	
}
.subContentsBox h4{
	font-size: 24px;
	margin: 50px 0 50px 10px;
}


@media all and (max-width:1200px) {
	.recruit-tit{
		vertical-align: center;
	}
	.subContentsBox h4{
		text-align: center;
	}
	.recruit-tit p{
		font-size: 18px;
		line-height: 34px;		
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	.recruit-tit span{
		font-size: 12.6px;		
		margin-top: 10px;
		float: none;
		display: block;
		width: 110px;
		margin: 0 auto;
		padding: 10px 20px;
	}
	.subContentsBox h3.recruit-tit2{	
		text-align: center;
		width: 90%;
	}

	
}

.welfare-img{
	float: left;
	margin: 0 10px 10px 0;
}
@media all and (max-width:768px) {
	.welfare-img{		
		margin: 0 3px 3px 0 !important;
		width: 48%;
		max-width: 130px;
	}
	.subContentsBox h3.recruit-tit2 span{
		line-height: 30px;
		margin-bottom: 20px;
		display: inline-block;
		font-size: 16px;
	}
	.recruit-tit p{
		line-height: 22px;		
		font-size: 12px;
		margin-bottom: 15px;
		padding: 10px 10px 0;
	}
}

.contents-box-center img{
	width: 100%;
	max-width: 1080px;
}
.contents-box-center{z-index:-9;}

.vertical-line{
	border-top: 2px solid #202020;
	margin:20px 0px 50px 0;
}
@media all and (max-width:1024px) {
	.vertical-line{
		margin:20px 0px 50px 0;
	}
}
.recruit-prof-bg1,
.recruit-prof-bg2,
.recruit-prof-bg3,
.recruit-prof-bg4,
.recruit-prof-bg5,
.recruit-prof-bg6{
	width: 33.3%;
}

.recruit-prof-box{
	padding: 10% 12%;
	margin: 48% auto 11.8%;
}
.recruit-prof-box p{
	color: #fff;
	font-size: 18px;
}
.prof-tit{
	border-bottom: 1px solid #fff;
	line-height: 30px;	
	width: 100%;
	margin-bottom: 20px;
}
.prof-tit span{
	font-size: 24px;
	margin-right: 20px;
}

@media all and (max-width:1024px) {
	.recruit-prof-bg1,
	.recruit-prof-bg2,
	.recruit-prof-bg3,
	.recruit-prof-bg4,
	.recruit-prof-bg5,
	.recruit-prof-bg6{
		background-size: cover;
		width: 33.33%;
	}	
	.recruit-prof-box{
		margin: 50% auto 3.8%;
	}
	.prof-tit{
		margin-bottom: 10px;
	}
	.prof-tit span{
		font-size: 18px;
	}
	.recruit-prof-box p{
		color: #fff;
		font-size: 13px;
	}
}
@media all and (max-width:640px) {
	.recruit-prof-bg1,
	.recruit-prof-bg2,
	.recruit-prof-bg3,
	.recruit-prof-bg4,
	.recruit-prof-bg5,
	.recruit-prof-bg6{
		width: 100%;
	}
}

/* custom_center page */
.sub-tit-box{
	margin-bottom: 40px;
}
.sub-tit-box h2{
	font-size: 34px;
	border-bottom: 2px solid #202020;
	line-height: 70px;	
}
.sub-tit-box h2 span{
	color: #b61d37;
}

@media all and (max-width:1024px){
	.sub-tit-box h2{
		font-size: 16px;
	}
}


.form-box{
	border: 1px solid #c0c0c0;
}
.custom-box-cell{
	border: 1px solid #e5e5e5;
}
.custom-box-cell{	
	font-weight: bold;
	padding: 30px 20px;
	min-height: 400px;
}
.custom-box img{
	width: 100%;	
}
.cust-li1{
	font-size:18px;
	line-height: 1.8rem;
}
.cust-li1 li{	
	margin-bottom: 2px;		
}
.cust-li1 li a{
	vertical-align: top;
}
.cust-li2{
	font-size:13px;
	display: block;
	line-height: 1.2rem;
	margin-left: 10px;
	margin-bottom: 10px;
}

.scrol-box{
	position:relative;
	width: 100%;
	height: 50%;
	top:0;
	left:0;
	overflow:auto;
	border: 1px solid #bfbfbf;
	padding: 40px 20px;
	margin-top: 40px;
}
.scrol-box h3{
	font-size: 18px;
	line-height: 28px;
	margin: 20px 0;
}
.scrol-box h3 span{
	color: #b00c28;
}
.scrol-box h4,
.scrol-box h5,
.scrol-box h6{
	font-size: 13px;
	font-weight: bold;
	line-height: 28px;
	margin: 20px 0;
}

.scrol-box p,
.scrol-box li
{
	font-size: 12px;
	line-height: 18px;
}
.table-colwidth-l{
	width: 150px;
}
.table-colwidth-r{
	width: auto;
}


.search_btn{
	background: url(../images/btn_search.jpg) no-repeat 0 0;
	width: 68px;
	height: 65px;
	margin-top: 20px;
	text-indent: -99999px
}
input.search_box{
	padding: 10px 20px;
	height: 65px;
	margin-top: 20px;
	width: 74%;
}
.file-attach a{
	margin: 10px 0;
}
@media all and (max-width: 768px) {
	.scrol-box{
		height: 300px;
	}
	.table-colwidth-l{
		width: 70px;
	}
	.file-attach a{
		margin: 0;
	}
	.scrol-box h3{
		font-size: 12px;
		line-height: 20px;
	}
	.custom-box-cell{	
		min-height:100px;
	}

}
/* qna page */
.qna-tab:first-child{ margin-top: 30px;}
.qna-tab{
	background:url(../images/bg_qna_list.png) no-repeat 0 0 ;
	font-size: bold;
	padding-left: 60px;
	height: 60px;
	vertical-align: middle;
	padding-top: 20px;
	line-height: 18px;
	width: 85%;

}
.qna-box{	
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding: 5px 0 40px 0;
}
.qna-btn{	
	position: relative;	
	top: 40px;
	right: 25px;	
}
.qna-box-content{
	background-color: #ddd;
	margin-top: 40px;
	padding: 30px 20px;
	display: inline-block;
	width: 100%;
	word-break: break-all;
}
.qna-box-content p,
.qna-box-content p span{
	display: block;
	line-height: 35px;
}
.qna-box-content p span{
	margin-top: 10px;
}
@media all and (max-width: 768px) {
	input.search_box{
		background-size: 75%;
		height: 35px;
	}
	.search_btn{
		height: 35px;
		background-size: 37px;
	}
	.qna-tab:before{
		margin-right: 5px;	
	}
	.qna-btn{	
		position: relative;	
		right: 0px;		
	}
	.subContentsBox h4{
		font-size: 18px;
	}
}


/* Production Infra page */
.page-move-btnbox{
	float: right;
	margin-bottom: 40px;
}
.pi-tit{
	clear: both;

}
.pi-tit h2{
	font-size: 24px;
	line-height: 40px;
}
.pi-tit p{
	font-size: 13px;
	line-height: 23px;
}
.pageMove2{		
	margin-right: 5px;
	cursor: pointer;
	width: 100%;
	max-width: 149px;
}
.fi-text-form{margin-bottom: 50px;}
.fi-text-form h3{	
	border-bottom: 3px solid #5a5a5a;
	display: inline;
	padding-bottom: 3px;
	line-height: 40px;

}
.fi-text-form p{
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 10px;
}
.fi-text-form p span{
	font-weight: bold;
}
.btn-qcs01{background: url(../images/btn_pi0102.png) no-repeat 0 0; width:149px;height: 80px;text-indent:-9999px;display: inline-block;}
.btn-qcs02{background: url(../images/btn_pi0202.png) no-repeat 0 0; width:149px;height: 80px;text-indent:-9999px;display: inline-block;}
.btn-qcs03{background: url(../images/btn_pi0302.png) no-repeat 0 0; width:149px;height: 80px;text-indent:-9999px;display: inline-block;}
.btn-qcs01:hover, .btn-qcs01.active{background: url(../images/btn_pi0101.png) no-repeat 0 0;}
.btn-qcs02:hover, .btn-qcs02.active{background: url(../images/btn_pi0201.png) no-repeat 0 0;}
.btn-qcs03:hover, .btn-qcs03.active{background: url(../images/btn_pi0301.png) no-repeat 0 0;}
.pageMove2{
	vertical-align:top;	
	font-size:0;
	line-height:0;
	height:80px;
	width: 149px;
	float: left;
	margin: 0 2px 2px 0;
}
@media all and (max-width: 768px) {
	.pageMove2,
	.btn-qcs01:hover, .btn-qcs01.active,
	.btn-qcs02:hover, .btn-qcs02.active,
	.btn-qcs03:hover, .btn-qcs03.active{
		height:40px;
		width: 75px;
		background-size: cover;
	}
}


.tbl_wrap2 {border-top: 2px solid #5e5e5e; border-bottom: 2px solid #5e5e5e;}
.tbl_wrap2 table {width: 100%; table-layout: fixed;}
.tbl_wrap2 th {background-color: #e1e1e1; border-bottom: 1px solid #c9c9c9; font-size: 13px; color: #5a5a5a}
.tbl_wrap2 th:last-child{text-align: left;}
.tbl_wrap2 th[rowspan] {border-right: 1px solid #c9c9c9;}
.tbl_wrap2 td {padding: 10px 5px; border-bottom: 1px solid #e1e1e1; font-size: 13px; color: #5a5a5a; word-break: break-all; vertical-align: middle; text-align: center;}
.tbl_wrap2 td:last-child{text-align: left;}
.tbl_wrap2 tbody th {padding: 10px 5px; vertical-align: middle;}
@media all and (max-width: 768px) {
	.tbl_wrap2 th,
	.tbl_wrap2 td{
		font-size: 9px;	
		padding: 10px 0px;
	}
}
.bxslider img,
.fi-imgbox img
/* .sub-content2 img */{
	width: 100%;	
}
.fi-img-l{
	max-width: 640px !important;
}
.fi-img-s{
	max-width: 229px !important;
	margin-bottom: 5%;
	margin-left: 7.5%;
}
@media all and (max-width: 768px) {
	.fi-img-s{
		display: none;
	}
}
.fi-table{
	margin: 20px 0 40px;
}
.fi-table tr td{
	padding: 10px 0;
}
.fi-tit{
	font-size: 16px;
	border-left: 3px solid #b00c28;
	padding: 0 10px;
	margin: 40px 0 20px 0;
	clear: both;
}
.fi-tit + ul li{
	font-size: 12px;
	line-height: 28px;
	list-style-type: disc;
	margin-left: 20px;
}
.fi-tit + ul li span{
	font-weight: bold;
	margin-right: 20px;
}
.fi-p{
	font-size: 13px;
	line-height: 28px;
}
.slide-tit{
	background: #000;
	padding: 10px 20px;
	color: #fff;
	width: 120px;
	text-align: center;
	font-size: 18px;
}
.fi-tit2{
	font-size: 18px;
	border-bottom: 3px solid #5a5a5a;	
	padding: 5px 10px 5px 0;
	line-height: 25px;
}
.fi-p2{
	font-size: 13px;
	line-height: 28px;
}
.fi-tab-cell1{width:15%;}
.fi-tab-cell2{width:20%;}
.fi-tab-cell3{width:auto;}
@media all and (max-width: 768px) {
	.slide-tit{		
		padding: 8px 15px;
		color: #fff;
		width: 100px;
		text-align: center;
		font-size: 13px;
	}	
	.fi-tit2{
		font-size: 13px;
	}
	.fi-tab-cell1{width:35%;}
	.fi-tab-cell2{width:25%;}
	.fi-tab-cell3{width:auto;}
}

/* production process page */
.prod-slide-box{
	_height:1600px;
}
.production-box-l{
	width: 90px;
	float: left;
}
.production-box-2{
	
}

.production-box-r{	
	float: right;
	width: 84.3%;
	
	/* visibility: hidden; */ 
}
.production-box-r.off{
	/* visibility: visible; */
	/* display: none; */
}
.production-box-r2,
.production-box-r3,
.production-box-r4,
.production-box-r5{
		
}
.box-gal-nav{

}
@media all and (max-width:1279px) {
	.field-box-l, .field-box-r{
		float: none;
		width: 100%;
		display: inline-block;
	}
	.field-box-r{
		margin-top: 5px;
	}
}

.box-gal-nav2 ul li{
	background:url('../images/btn_pp.png') no-repeat;
	vertical-align:top;
	display:block;
	text-indent:-5000px;
	font-size:0;
	line-height:0;
	height:111px;
	width: 84px;
	float: left;
	margin: 0 2px 2px 0;
}
.div-video,
.div-video img,
.div-video-view,
.div-video-view iframe{width: 100%; min-height: 740px;}
.div-video-publize object{min-height: 600px;}

.box-gal-nav2 .pp-na01-1{background-position: 0 0;}
.box-gal-nav2 .pp-na01-2{background-position: 0 -111px;}
.box-gal-nav2 .pp-na01-3{background-position: 0 -222px;}
.box-gal-nav2 .pp-na01-4{background-position: 0 -333px;}
.box-gal-nav2 .pp-na01-5{background-position: 0 -444px;}

.box-gal-nav2 .pp-na01-1:hover, .box-gal-nav2 .pp-na01-1:active, .box-gal-nav2 .pp-na01-1.active { background-position: -83px 0px;}
.box-gal-nav2 .pp-na01-2:hover, .box-gal-nav2 .pp-na01-2:active, .box-gal-nav2 .pp-na01-2.active { background-position: -85px -111px;}
.box-gal-nav2 .pp-na01-3:hover, .box-gal-nav2 .pp-na01-3:active, .box-gal-nav2 .pp-na01-3.active { background-position: -83px -222px;}
.box-gal-nav2 .pp-na01-4:hover, .box-gal-nav2 .pp-na01-4:active, .box-gal-nav2 .pp-na01-4.active { background-position: -83px -333px;}
.box-gal-nav2 .pp-na01-5:hover, .box-gal-nav2 .pp-na01-5:active, .box-gal-nav2 .pp-na01-5.active { background-position: -83px -444px;}

@media all and (max-width:1023px) {
	.div-video{
		display: none;
	}	
	.production-box-l{
		width: 100%;
		margin-bottom: 20px;
	}
	.production-box-r{

	}
	.production-box-r1,
	.production-box-r2,
	.production-box-r3,
	.production-box-r4,
	.production-box-r5{	
		float: left;
		width: 100%;		
	}	
	.box-gal-nav2{
		width: 100%;
	}
	.box-gal-nav2 ul li{		
		height:55px;
		width: 42px;
		background-size: 200%;
	}
	.box-gal-nav2 .pp-na01-1{background-position: 0 0;}
	.box-gal-nav2 .pp-na01-2{background-position: 0 -55px;}
	.box-gal-nav2 .pp-na01-3{background-position: 0 -111px;}
	.box-gal-nav2 .pp-na01-4{background-position: 0 -166px;}
	.box-gal-nav2 .pp-na01-5{background-position: 0 -221px;}
	
	.box-gal-nav2 .pp-na01-1:hover, .box-gal-nav2 .pp-na01-1:active, .box-gal-nav2 .pp-na01-1.active { background-position: -42px 0px;}
	.box-gal-nav2 .pp-na01-2:hover, .box-gal-nav2 .pp-na01-2:active, .box-gal-nav2 .pp-na01-2.active { background-position: -42px -55px;}
	.box-gal-nav2 .pp-na01-3:hover, .box-gal-nav2 .pp-na01-3:active, .box-gal-nav2 .pp-na01-3.active { background-position: -42px -111px;}
	.box-gal-nav2 .pp-na01-4:hover, .box-gal-nav2 .pp-na01-4:active, .box-gal-nav2 .pp-na01-4.active { background-position: -42px -166px;}
	.box-gal-nav2 .pp-na01-5:hover, .box-gal-nav2 .pp-na01-5:active, .box-gal-nav2 .pp-na01-5.active { background-position: -42px -221px;}
	.production-infra .bx-pager{
		text-align: right !important;
		top: 0;
	}
}

.well{
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	margin: 1em;
	min-height: 20px;
	padding: 19px;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 4px;	
}
.well2{
	width: 60%;
	height: 45%;
}
.well img{
	width: 100%;
}
.well h2{
	font-size: 24px;	
	margin: 20px;
}

.well table{
	border-top: 2px solid #5e5e5e;
	border-bottom: 2px solid #5e5e5e;
}
.well th,
.well td{
	font-size: 13px;
	padding: 10px;
	border-bottom: 1px solid #c9c9c9;
}
.well th{
	background-color: #e1e1e1;	
	font-weight: bold;
}
.fadeandscale1_close,
.fadeandscale2_close,
.fadeandscale3_close,
.fadeandscale4_close,
.fadeandscale5_close,
.fadeandscale6_close,
.fadeandscale7_close,
.fadeandscale8_close
{
	background:url('../images/btn_close.png') no-repeat;	
	display:block;
	text-indent:-5000px;
	font-size:0;
	line-height:0;
	height:23px;
	width: 23px;
	position: absolute;
	top: 10px;
	right:10px;

 }
 @media all and (max-width:768px) {
 	.well th,
 	.well td{
 		font-size: 10px;
 	}
 	.well h2{
 		font-size: 18px;
 	}
 	.subContentsBox ul li{font-size: 12px;line-height: 18px;}
 	.div-video-publize object{height:200px;min-height: 300px;}
 	.div-video-view,
 	.div-video-view iframe{
 		min-height: 300px;
 	}
 	.prod-slide-box{

 	}
 }


#vision2{
	
}
.GoogleMap_map{
	width: 100%;	
	min-height: 500px;
}


/* introduce page */

@media all and (max-width:1279px) {
	.text-drop1024{
		display: none;
	}	
}


#videoDiv{
	height: 724px;
}


/* partners page */
.btn-scroll{ color:#b00c28;font-weight: bold; background: url(../images/bg-scroll.png) no-repeat 10px 20px;height:50px;position: absolute;left:50%;bottom:-90%;transform: translate(-50%, -50%);}
@media all and (max-width:1279px) {
	.btn-scroll{bottom:-50%;}
}
.bio-intro .timeline{position: relative;}
.bio-intro .page-control{position: absolute; right: 5px; top: 80px; width: 18px; z-index:1;  }
.bio-intro .page-control.fixed{position: fixed; top: 60%; right: 60px; }
.bio-intro .page-control:before{content: ''; position: absolute; left: 10px; top: 0; display: inline-block; width: 3px; height: 200px; background-color: #b8243d; text-align: center; z-index: 1;}
.bio-intro .page-control a{display: block; width: 90px; color: #b8243d; font-size: 13px; line-height: 20px; margin-top: 20px; margin-left: -69px; background-color: rgba(255,255,255,.5); text-align: right;}
.bio-intro .page-control a:after{content: ''; float: right; display: inline-block; width: 13px; height: 13px; margin-left: 6px; border: 3px solid #fff; background-color: #b8243d; border-radius: 10px;}
.bio-intro .page-control .on:after{position: relative; background-color: #fff; border-color: #b8243d; z-index: 1;}
.bio-intro .page-control a + a{margin-top: 27px;}

.three-intro,
.bio-intro{
	position: relative;
}
.three-intro .timeline{position: relative;}
.three-intro .page-control{position: absolute; right: 20px; top: -260px; width: 18px;}
.three-intro .page-control.fixed{position: fixed; top: 60%; }
.three-intro .page-control:before{content: ''; position: absolute; left: 10px; top: 0; display: inline-block; width: 3px; height: 200px; background-color: #b8243d; text-align: center; z-index: 1;}
.three-intro .page-control a{display: block; width: 145px; color: #b8243d; font-size: 13px; line-height: 20px; margin-top: 20px; margin-left: -124px; background-color: rgba(255,255,255,.5); text-align: right;}
.three-intro .page-control a:after{content: ''; float: right; display: inline-block; width: 13px; height: 13px; margin-left: 6px; border: 3px solid #fff; background-color: #b8243d; border-radius: 10px;}
.three-intro .page-control .on:after{position: relative; background-color: #fff; border-color: #b8243d; z-index: 1;}
.three-intro .page-control a + a{margin-top: 27px;}
/* @media all and (max-width:768px) {
	.bio-intro .timeline {display: none; margin-top: 120px;}
	.bio-intro .timeline.active {display: block;}
	.bio-intro .page-control,
	.bio-intro .page-control.fixed {position: absolute; left: 50%; top: 30%; width: 300px;transform: translate(-50%, -50%);}
	.bio-intro .page-control:before {position: absolute; left: 28%; top: 0; width: 270px; height: 3px; margin-left: -75px;}
	.bio-intro .page-control a {position: relative; right: auto; display: inline-block; width: 68px; margin: -8px 0 0 !important; padding-top: 24px; text-align: center; background-color: transparent; text-align: center;}
	.bio-intro .page-control a:after {position: absolute !important; top: 0; left: 50%; margin-left: -9px; displayauto: block; float: none;}
} */

.history-box{
	width: 100%;
	padding: 0 65px;
}
.history-list{
	margin: 0px auto 0;
	position: relative;


}
.history-list:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	display: inline-block;
	width: 100%;
	height: 3px;
	background-color: #b8243d;
	text-align: center;
	z-index: 1;
}
.history-list a {
	display: block;
	float: left;
	width: 9%;
	color: #b8243d;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin-top: -8px;
	margin-left: 0px;
	/* background-color:red; */
	/* background-color: rgba(255,255,255,.5); */
	text-align:center;
}
.history-list.three a {
	display: block;
	float: left;
	width: 7.69%;
	color: #b8243d;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin-top: -8px;
	margin-left: 0px;
	/* background-color:red; */
	/* background-color: rgba(255,255,255,.5); */
	text-align:center;
}
.history-list a:before {
	content: '';
	/* float: right; */
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: -40px;
	margin-top: 0px;
	margin-bottom: 20px;
	border: 3px solid #fff;
	background-color: #b8243d;
	border-radius: 10px;
}
.history-list.three a:before {
	content: '';
	/* float: right; */
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: -32px;
	margin-top: 0px;
	margin-bottom: 20px;
	border: 3px solid #fff;
	background-color: #b8243d;
	border-radius: 10px;
}
.history-list .on:before,
.history-list.three .on:before {
	position: relative;
	background-color: #fff;
	border-color: #b8243d;
	z-index: 1;
}
.history-list a + a,
.history-list a + a {
	margin-top: -8px;
}
.history-exp{
	clear: both;
	border: 1px solid #d0d0d0;
	margin: 80px 65px 30px;
	padding: 50px;
	text-align: center;
	font-size: 15px;
	display: none;
}
.history-year{
	font-size: 18px;
	margin-right: 10px;
	font-weight: bold;
}
.history-month{
	font-size: 15px;
	margin-right: 10px;	
	font-weight: bold;
}
.history-exp.on{
	display: block;
}
.history-exp table{text-align: left; margin: 0 auto;}

@media all and (max-width:768px) {
	#videoDiv{
		height: 200px;
	}	
	.three-intro .page-control,
	.bio-intro .page-control{
		/* position: fixed;
		top: 20%; */
		display: none;
	}
}