@charset "utf-8";


/* 0105  Á¹¾÷ÈÄ Áø·Î */
.summary_box {padding:25px 45px; font-size:15px; border:5px solid #e9e9e9; word-break:keep-all;}/*200317*/
.summary_box .summary_top {position:relative; min-height:100px; padding-left:160px;}/*200313*/
.summary_box .summary_top .txt_1{font-family:'NotoM'; font-size:16px; color:#333; line-height:1.4; word-break:keep-all;}
.summary_box .summary_top .img{position:absolute; top:0; left:0;}/*200313*/
.summary_box .summary_top .img img{width:140px; height:auto;}/*200313*/
.summary_box .summary_txt{margin:25px 0 10px; padding:25px 0 10px; border-top:1px dashed #b2b7c7; text-align:left; overflow:hidden; word-break:keep-all;}
.summary_box .summary_txt p {font-family:'NotoR';font-size:14px;color:#444;line-height: 1.5;word-break:keep-all;} /* 200611 */


/* 0101_Àλ縻 */
.greeting{position:relative;}
.greeting .greet_top{position:relative; width:100%; padding-bottom:20px;}
.greeting .greet_top:before {content:""; display:block; position:absolute; right:0; bottom:0; width:750px; height:250px; background:url("/images/web/biz/sub_cnt/img_greeting.png") no-repeat; background-size:cover;}
.greeting .greet_top .topTxt{position:relative; display:inline-block; min-width:440px; max-width:50%; min-height:150px; padding:45px 30px 60px; color:#fff; line-height:1.4; background:#002f67 url("/images/web/biz/sub_cnt/bg_greeting.png") no-repeat right bottom; box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.35); }/*200313*/
.greeting .topTxt h3 {font-size:34px; font-family:'NotoM';  word-break:keep-all;} 
.greeting .topTxt p {font-size:17px; margin-top:20px; word-break:keep-all} 
.greeting .topTxt .topTeng {position:absolute; right:30px; bottom:30px; padding-left:90px; letter-spacing:3px; font-size:15px; color:#87a3c5;  font-family:'NotoM';}
.greeting .topTxt .topTeng:before {content:""; display:block; position:absolute; left:0; top:10px; width:80px; height:1px; background:#4d6e95;}
.greeting .txt {margin-top:40px;}
.greeting .txt p {font-size:16px; line-height:1.8; word-break:keep-all;}
.greeting p.sign{margin-top:30px;text-align:right; font-size:17px;  word-break:keep-all;}
.greeting p.sign strong {font-family:'NotoB';}

/* 0101_ÇаúÀå Àλ縻(ÇаúÀå»çÁø) */
.greeting .greet_top2{position:relative; width:100%; padding-bottom:20px;}
.greeting .greet_top2:before {content:""; display:block; position:absolute; right:0; bottom:0; width:60%; height:255px; background:#bcbdc0 url("/images/web/biz/sub_cnt/pt_greeting.png") repeat;}
.greeting .greet_top2 .topTxt{position:relative;width:90%;min-height:255px;padding: 45px 30px 60px 45px;color:#fff;line-height:1.4;background:#002f67 url("/images/web/biz/sub_cnt/bg_greeting.png") no-repeat right bottom;box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.35);box-sizing:border-box;}/*250227*/
.greeting .greet_top2 .topTxt .img {display:block; position:absolute; left:40px; top:55px; width:105px; height:120px;}
.greeting .greet_top2 .topTxt .img:before {content:""; display:block; position:absolute; right:-10px; bottom:-10px; width:105px; height:120px;  background:rgba(255,255,255,0.1);}
.greeting .greet_top2 .topTxt .img img {position:relative; width:100%; height:100%;}



/* 0103 ¿¬Çõ */
.historyList {overflow:hidden; text-align:center; background:url('/images/web/biz/sub_cnt/his_bg.png') no-repeat left top;}
.historyList h3 {position:relative;width:289px;height:199px;margin:0 auto;line-height:40px;font-size: 18px;font-family:"NotoM";color:#fff;text-align:center;background:url('/images/web/biz/sub_cnt/history_title.png') no-repeat center top;}
.historyList h3 span {position:relative;display:block;font-size:18px;font-family:"NotoDL";color:#e4f3ff;padding-top:70px;letter-spacing:0;}
.historyList .list{width:100%; font-size:14px; overflow:hidden; background:url('/images/web/biz/sub_cnt/bg_history_line.png') repeat-y center; padding:30px 0 0;}
.historyList .list .right{width:50%; margin-right:8px; float:right; background:url('/images/web/biz/sub_cnt/history_right_bg.png') no-repeat left 25px;}
.historyList .list .right ul{float:right; text-align:left;}
.historyList .list .left{width:50%; margin-left:8px; float:left; background:url('/images/web/biz/sub_cnt/history_left_bg.png') no-repeat right 25px;}
.historyList .list .left ul{float:left;text-align:right;}
.historyList .list ul{width:80%; padding:20px 30px; border-bottom:1px solid #c3d4e8;}
.historyList .list .right ul li{position: relative;padding-left: 90px;line-height:30px;color:#595959;word-break: keep-all;}
.historyList .list  .right ul li.tit{font-size:30px;font-weight:bold;color:#00733f;margin-bottom:10px;padding-left: 10px;}
.historyList .list  .right ul li > span{position: absolute;font-weight:bold;color:#002f67;left: 10px;}
.historyList .list  .left ul li{line-height:30px;color:#595959;padding-left: 50px;word-break: keep-all;}
.historyList .list  .left ul li.tit{font-size:30px;font-weight:bold;color:#00733f;margin-bottom:10px;padding-left: 10px;}
.historyList .list  .left ul li > span{font-weight:bold;margin-right: 8px;color:#002f67;}

/*210727 Á¶±³¼Ò°³*/
.pro2 > li .pro_txt ul li span {width:75px !important; }
.pro2 > li .pro_txt ul li {padding-left:85px !important;}



@media screen and (max-width:1300px) { 


}

@media screen and (max-width:1019px) {	

	/* ¿¬Çõ */
	.historyList, .historyList .list  {background-image:none;}
    .historyList .list .right,  .historyList .list .left{float:none; width:100%; margin:0px; background-image:none;}
    .historyList .list .right ul, .historyList .list .left ul {float:none !important; width:80%;  margin:20px auto; text-align:left;}
	.historyList .list ul li.tit{ text-align:center}
    .historyList .list .left ul:last-child{margin-bottom:0px;}
	
	/* 0102 ¿¬Çõ */
	.historyList .list .left ul li {position:relative;padding-left: 90px;}
	.historyList .list .left ul li > span {position:absolute; left:10px;}


}





@media screen and (max-width:980px) {
	 
	/* 0101_Àλ縻 */
	.greeting .greet_top {padding:200px 0 0;}
	.greeting .greet_top:before {bottom:auto; top:0; width:100%; background-position:center top;}
	.greeting .greet_top .topTxt{display:block; min-width:auto; width:90%; max-width:100%; height:auto; margin:0 auto; padding:20px 30px 50px; box-sizing:border-box;}/*200313*/
	.greeting .topTxt p br {display:none;} 
	.greeting .topTxt .topTeng {bottom:20px; padding-left:90px; letter-spacing:0; }

	/* 0101_ÇаúÀå Àλ縻(ÇаúÀå»çÁø) */
	.greeting .greet_top2:before {width:95%; height:90%;}
	.greeting .greet_top2 .topTxt{width:95%; height:auto; padding:20px 30px 50px 170px; min-height:0;}/*200313*/
	.greeting .greet_top2 .topTxt .img {left:30px; top:20px;}
	



}

@media screen and (max-width:768px) {
	
		/* 0105_Á¹¾÷ÈÄ Áø·Î*/
		.summary_box {font-size:14px; padding:25px 25px;}
		
	/* 0102 ¿¬Çõ */
	 .historyList .list .right,  .historyList .list .left{width:91%;}



}



@media screen and (max-width:690px) { 	



	/* 0102 ¿¬Çõ */
	.historyList > img{ width:50%; height:auto}
    .historyList .list .right ul, .historyList .list .left ul {width:95%;}
	.historyList .list ul li > span{ display:block; margin-right:0}
	.historyList .list .right ul li, .historyList .list .left ul li {padding-left:0;}
	.historyList .list .right ul li > span {position:relative; left:0;}
	.historyList .list .left ul li > span {position:relative; left:0;}





}





@media screen and (max-width:560px) { 	
	 
	 /* 0101_ÇаúÀå Àλ縻(ÇаúÀå»çÁø) */
	.greeting .greet_top2 .topTxt{height:auto; margin-top:60px; padding:80px 30px 50px 30px;}
	.greeting .greet_top2 .topTxt .img {left:50%; top:-60px; margin-left:-52px;}
	
	/* 0105_Á¹¾÷ÈÄ Áø·Î*/
	.summary_box .summary_top {padding-left:0;}
	.summary_box .summary_top .img{position:relative; margin:0 auto 20px; text-align:center;}

	/* 0103 ¿¬Çõ */
	.historyList > img{width:60%}


}

@media screen and (max-width:480px) { 

 	/* 0101_ÇаúÀå Àλ縻(ÇаúÀå»çÁø) */
	.greeting .greet_top2 .topTxt{padding: 80px 30px 70px 30px;}


	/* 0105_Á¹¾÷ÈÄÁø·Î*/
	.summary_box .summary_top {padding-left:0; padding-top:0; background-size:80px; background-position:center top;}
	

}