@charset "UTF-8";

/*
======== table of content. ===============

summary:技術力

==========================================
*/
#content { padding-bottom:0; }
#content .inner980 { width:100%; padding:0; }

#content p,
#content h2 { margin-top:0; }
#content h2 { margin-bottom:0; }

.sec_tech { position:relative; background-repeat:no-repeat; background-position:center top; overflow:hidden; }

#opening { height:500px; background-image:url(/technology/images/bg_opening_pc.jpg) }
	#opening .tech_inner { width:980px; height:437px; left:0; padding:30px 20px 33px; background:none; }
	#opening .tech_inner p { margin-bottom:27px; }
	
	#content #ttl_main { position:relative; width:940px; height:249px; margin-bottom:34px; background:url(/technology/images/bg_ttl_main_pc.png) no-repeat; }
	#content #ttl_main span { position:absolute; }
	
	#navi_top li:first-child, #navi_bottom ul li:first-child { float:left; }
	#navi_top li:last-child, #navi_bottom li:last-child { float:right; }

#tech_material { height:1531px; background-image:url(/technology/images/bg01_pc.jpg); background-position: center bottom; }
	#tech_material #youtube_material { margin-left:156px; margin-right:156px; margin-bottom:43px;  }
	
	#tech_material .tech_inner { height: 1571px; padding-top:61px; }
	
	#content #tech_material .tech_inner h2 { margin-bottom:43px; }
	#tech_material .tech_inner h3 { position:relative; margin:0 0 72px 55px; }
	#tech_material .text_area { margin-left:155px; }
	
	#tech_material .text_area p:first-child { margin-bottom:38px; }
	#tech_material .text_area p:nth-child(2) { margin-bottom:67px; }
	
	#tech_material .text_area li { float:left; }
	#tech_material .text_area .icon { margin-right:60px; }

#tech02 { height:899px; /* background-image:url(/technology/images/bg02_pc.jpg) */ }
#tech02_bg { position:absolute; width:100%; max-width:none; height:899px; background:url(/technology/images/bg02_pc.jpg) no-repeat center top; text-align:center; }
	#tech02_border { height:899px; background:url(/technology/images/bg02_line_pc.png) repeat-x left 99px; }
	#tech02 .tech_inner { height:899px; padding-top:54px; background-image:url(/technology/images/bg_dotline_fortech02_pc.png); }
		#tech02 .tech_inner h2 { margin:0 0 75px 75px; }
		#tech02 .tech_inner h3 { position:relative; margin:0 0 39px 56px; }
		
		#tech02 .text_area { margin-left:139px; }
		#tech02 .text_area ul { position:relative; float:left; margin-right:24px; }
		
		#tech02 .text_area_2 { position:relative; float:left; margin-top:68px; }
			#tech02 .text_area_2 h4 { margin-bottom:26px; }

#tech03 { height:750px; /* background-image:url(/technology/images/bg03_pc.jpg) */ }
#tech03_bg,
#tech03_bg2 { position:absolute; top:-100px; width:100%; max-width:none; height:860px; background:url(/technology/images/bg03_pc_long.png) no-repeat center top; text-align:center; }

#tech03_bg2 { top:-80px; background-image:url(/technology/images/bg03_pc_long2.png); }

	#tech03 .tech_inner { height:750px; padding-top:61px; }
	#tech03 .tech_inner h3 { position:relative; margin:0 0 35px 56px; }
	#tech03 .text_area { margin-left:135px; }
	
	#tech03 .text_area ul { position:relative; float:left; margin-right:39px; }
		
		#tech03 .text_area_2 { position:relative; float:left; margin-top:26px; }
			#tech03 .text_area_2 h4 { margin-bottom:21px; }

#tech04 { height:720px; background-image:url(/technology/images/bg04_pc.jpg) }
	#tech04 .tech_inner { height:720px; padding-top:80px;  background-image:url(/technology/images/bg_dotline_fortech04_pc.png);　}
	#tech04 .tech_inner h3 { position:relative; margin:0 0 34px 56px; }

	
	#tech04 .text_area { margin-left:135px; }
	
	#tech04 .text_area ul { position:relative; float:left; margin-right:80px; }
		#tech04 .text_area li { position:relative; }
		#tech04 .text_area li img { display:block; }
		#tech04 .text_area #icon_tech04_1_1 { position:absolute; display:block; top:0; }
		
		#tech04 .text_area_2 { position:relative; float:left; margin-top:54px; }
			#tech04 .text_area_2 h4 { margin-bottom:36px; }

#tech05 { height:1010px; background-color:#f1f1f1; }
	#tech05 .tech_inner { height:1010px; padding-top:79px;  background-image:url(/technology/images/bg_dotline_fortech05_pc.png); }
	#tech05 .tech_inner h3 { position:relative; margin:0 0 59px 56px; }
	
	#tech05 .text_area { position:relative; width:860px; margin-left:156px; }
	
	#tech05 .text_area h4 { float:right; }
	
	#tech05 .text_area p { position:absolute; }
		#txt_tech05_01 { left:320px; top:180px; }
		#txt_tech05_02 { top:36px; }
		#txt_tech05_03 { top:444px; left:91px; }
		#txt_tech05_04 { top:350px; left:656px; }
		#txt_tech05_05 { top:515px; left:500px; }
		#txt_tech05_06 { top:210px; left:51px; }
	

#tech06 { height:958px; background-image:url(/technology/images/bg06_pc.jpg) }
	#tech06 .tech_inner { height:958px; padding-top:108px; }
	#tech06 .tech_inner h3 { position:relative; margin:0 0 85px 56px; }
	#tech06 .tech_inner h4 { margin:0 0 97px 128px; }
	
	#tech06 .tech_inner ol { position:relative; margin-left:216px; }
	#tech06 .tech_inner li { position:absolute; }
	#tech06 .tech_inner #list_tech06_02 { left:403px; }
	#tech06 .tech_inner #list_tech06_03 { left:80px; top:217px; }
	#tech06 .tech_inner #list_tech06_04 { left:489px; top:217px; }
	
	
#navi_bottom { padding:29px 0; background:#ec6941; }
#navi_bottom ul { width:940px; margin:auto; }

#tech07 { height:1257px; /* background-image:url(/technology/images/bg07_pc.jpg) */ }
	#tech07_bg { position:absolute; top:-60px; width:100%; max-width:none; height:1260px; background:url(/technology/images/bg07_pc_long.jpg) no-repeat center top; text-align:center; }
	#tech07 .tech_inner { height:1257px; padding-top:61px; }
	#tech07 .tech_inner h2 { margin-bottom:99px; margin-left: -16px; }
	#tech07 .tech_inner h3 { position:relative; margin:0 0 62px 56px; }
	#tech07 .tech_inner p#txt_tech07 { position:relative; margin:0 0 80px 396px; }
	#tech07 #youtube { margin-left:156px; margin-right:156px; }
	.youtube_frame {
	  position: relative;
	  padding-top: 56.25%;
	}
	.youtube_frame iframe {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 100% !important;
	  height: 100% !important;
	}

#tech08 { height:733px; background-image:url(/technology/images/bg08_pc.png)  }
	
	#tech08 .tech_inner { height:733px; padding-top:61px; }
	#tech08 .tech_inner h3 { position:relative; margin:0 0 11px 56px; }
	#tech08 .text_area { margin-left:156px; }
	@media screen and (max-width:1024px) {
		#tech08 .text_area { margin-left:10%; }
	}
	#tech08 .text_area  h4 { float:left; margin-top:266px; }
	#tech08 .text_area  p { position:relative; margin-top:36px; }
	
#tech09 { height:882px; /* background-image:url(/technology/images/bg09_pc.jpg) */ }
	#tech09_bg { position:absolute; width:100%; max-width:none; height:1200px; background:url(/technology/images/bg09_pc_long.jpg) no-repeat center top; text-align:center; }
	#tech09 .tech_inner { height:882px; padding-top:61px; }
	#tech09 .tech_inner h3 { position:relative; margin:0 0 57px 56px; }
	
	#tech09 .text_area { margin-left:156px; }
	#tech09 .text_area  h4 { position:relative; float:left; margin-right:19px; }
	#tech09 .text_area  p#txt_tech09 {position:relative; float:left; margin-top:186px; }

.tech_inner { position:relative; width:1090px; margin:auto; background:url(/technology/images/bg_dotline_pc.png) repeat-y left top; }