@charset "utf-8";
/* CSS Document */


body{width:100%;}
.blue1{
	background-color:#aed4f1;
}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}

.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.mtb10{margin:10px 0;}
.mtb20{margin:20px 0;}
.mtb30{margin:30px 0;}
.mtb60{margin:60px 0;}
.mtbmail{margin:143px 0 162px;}
.footeranker{position: relative}
img{width:100%;height:auto}
.stinner2 img{vertical-align:bottom}
.wrapper{margin:20px auto;max-width:2122px;border-left:1px solid #c8c6c6;border-right:1px solid #c8c6c6;position: relative;padding-bottom:180px}
.wrappers1{margin:20px auto;max-width:2122px;border-left:1px solid #c8c6c6;border-right:1px solid #c8c6c6;position: relative;}
.wrappers2{margin:20px auto;max-width:2122px;border-left:1px solid #c8c6c6;border-right:1px solid #c8c6c6;position: relative;}
.wrappers3{margin:20px auto;max-width:2122px;border-left:1px solid #c8c6c6;border-right:1px solid #c8c6c6;position: relative;}

.wrappers4{margin:20px auto;max-width:2122px;border-left:1px solid #c8c6c6;border-right:1px solid #c8c6c6;position: relative;}
.wrappers5{margin:20px auto;max-width:2122px;border-left:1px solid #c8c6c6;border-right:1px solid #c8c6c6;position: relative;}
.wrappers6{margin:20px auto;max-width:2122px;border-left:1px solid #c8c6c6;border-right:1px solid #c8c6c6;position: relative;}


.twrapper1{margin:30px auto 33px;max-width:1056px;position: relative;background-color:#00509f;border:15px solid #FFF}

.twrapper{margin:20px auto;width:654px;border-left:1px solid #c8c6c6;border-right:1px solid #c8c6c6;}
.subwrapper{margin:20px auto;width:871px;border:1px solid #c8c6c6;background-color:#FFF}
.subwrapper2{margin:20px auto;max-width:2122px;border:1px solid #c8c6c6;}
.hnavi{border-bottom:1px solid #c8c6c6;border-top:1px solid #c8c6c6;background-color:#FFF;position:fixed;z-index:10000;display: flex;justify-content: space-between;margin-top:30px;}
.hnavi .logo{}
.hnavi ul.navi1{    margin-top: 61px;
    display: flex;
    padding-right: 98px; }
.hnavi ul.navi1 li{}
.hnavi ul.navi1 li:hover{filter:alpha(opacity=50);	-moz-opacity: 0.5;	opacity: 0.5;}


.subhnavi{border-bottom:1px solid #c8c6c6;background-color:#FFF;}
.subhnavi .logo{border-right:1px solid #c8c6c6;float:left; }
.subhnavi ul.navi1{float:left;margin-top:44px }
.subhnavi ul.navi1 li{float:left; }
.subhnavi ul.navi1 li:hover{filter:alpha(opacity=50);	-moz-opacity: 0.5;	opacity: 0.5;}

.title1{
	max-width: 659px;
}


.logo{padding: 52px 37px 46px 95px;}
.wborder{background-image: url(image/border.png);width:5px;height:897px;position:fixed;left:300px;}
.headerhidden{position:fixed;top:0;width:100%;height:20px;background-color:#FFF;z-index: 900000}
.wnavi{border-bottom:1px solid #c8c6c6;}
.wnavi1{float:left;border-right:1px solid #c8c6c6;height:43px;}
.wnavi1 img{margin-top:1px;}
.wnavis1{float:left;border-right:1px solid #c8c6c6;height:52px;width: 220px;padding: 22px 10px 2px;text-align: center;}
.wnavi2{float:left;height:43px;}

.wnavi2 img{margin-top:13px;margin-left:31px;width:auto;}


.header{width:1196px;margin:15px 0 0px 35px;padding-top:104px;}
.theader{max-width:966px;background-size:100%;background-repeat: no-repeat}
.theader2{max-width:966px;background-image:url("./image/works/bg2.png");background-size:100% 100%;background-repeat: no-repeat}


.theader{
    margin:49px auto 36px;
  }
	
.theader2{
    margin:50px auto 42px;
  }
	
	
.logo{padding: 35px 10px 30px 68px;
    width: 12%;}
	.hnavi{
		align-items: center;
	}
	.hnavi ul.navi1{
		margin-top: 3px;
		width:42%;
		padding-right: 68px;
	}	


.nwork1{float:left;width:30.5%;margin-bottom:3%;}
.nwork2{float:left;width:354px;}
.bwork1{float:left;width:127px;}
.bwork2{float:left;width:127px;margin-left:16px;}

@media screen and (max-width: 768px) {
	
	.logo{padding:10px;width:10%}
	.hnavi{
		align-items: center;
	}
	.hnavi ul.navi1{
		margin-top: 0px;
		width:40%;
		padding-right: 20px;
	}
	.nwork1{
		margin:0;
		width:28%;
	}
	.nwork1 .mt14{
		margin-top:0;
	}
	
	.hnavi{
		margin-top:20px;
	}

	.twrapper1{
		border:10px solid #FFF;
		margin: 20px 15px;
	}	
	
	
.theader,.theader2{
    width:90%;
	margin:20px auto;
  }
	.theader2{
		background-size:100% 100%;
	}
}

.subheader{width:823px;margin:24px auto;}
.subfooter{width:862px;border-top:1px solid #c8c6c6;margin-top:20px;text-align:right;padding-right:10px;border-bottom:1px solid #c8c6c6;background-color:#FFF;}

.footer{max-width:2122px;border-top:1px solid #c8c6c6;margin-top:20px;text-align:center;position:fixed;top:1000px;border-bottom:1px solid #c8c6c6;background-color:#FFF;}
.tfooter{max-width:2122px;border-top:1px solid #c8c6c6;margin-top:20px;text-align:center;border-bottom:1px solid #c8c6c6;background-color:#FFF;}

.footer2{border-top:1px solid #c8c6c6;text-align:center;}
.pinner1{margin:0px auto 0;width:695px;padding-bottom:272px;}
.footer3{width:0 auto;background-color:#FFF;position:fixed;top:1046px;height:1526px;width:100%;left:-1px;}
.footer4{width:1261px;text-align:center;border-top:1px solid #c8c6c6;border-bottom:1px solid #c8c6c6;background-color:#FFF;} 
.footer5{text-align:center;border-top:1px solid #c8c6c6;border-bottom:1px solid #c8c6c6;background-color:#FFF;height: 28px;margin-top: 20px;} 

.winner1{margin:0px auto 0;width:92%;display: flex;justify-content: space-between;flex-wrap:wrap;padding-top:9.4%;padding-bottom:15px;}


.ainner1{width:666px;margin:65px auto 50px;}

.acinner1{width:734px;margin:0px auto 30px;}
.cinner1{width: 1196px;margin: 26px auto 0px;padding-bottom:140px;text-align:center;}
.stinner2019{width:1100px;display:flex;  justify-content: space-around;
  align-items: center;}


.stinner1{width:962px;margin:240px auto 100px;}
.stinner1 .ele1{float:left;}
.stinner1 .ele2{float:left;margin-left:150px;}
.stinner1 .ele3{float:left;margin-left:220px;}
.stinner2{width:1192px;margin:35px auto 35px;}
.border{
	margin:20px 35px 32px 35px;
	border:1px solid #c8c6c6;
	padding-top:104px;
	padding-bottom:104px;
}

.border2{
	    height: 40px;
    background-color: #FFF;
    border-bottom: 1px solid #c8c6c6;
    position: fixed;
    top: 118px;
    width: 1192px;
    left: 50%;
    transform: translate(-50%, 0%);
}

.copyright{
	width:426px;
	margin:0 auto;
	padding-bottom:34px;
}




@media screen and (max-width: 2122px) {
.copyright{
	width:22%;
	margin:0 auto;
}
	
	.title1{
		width:31.8%;
		margin-top:55px;
	}
}

@media screen and (max-width: 768px) {
	.copyright {
    padding-bottom:10px;
}
	
	.winner1{
		width:100%;
		    justify-content: space-around;
	}
	
}

.border3{
	    height: 0px;
    background-color: #FFF;
    border-top: 1px solid #c8c6c6;
    position: fixed;
   top: 983.5px;
    width: 1192px;
    left: 50%;
    transform: translate(-50%, 0%);

}
.border3.active{
	 
	height: 40px;
}
.ptitle{
	max-width:617px;
	margin-top:90px;
}

.ptitle2{
	max-width:320px;
	margin-top:45px;
}

.pwa{
	max-width:1510px;
	background-color:#FFF;
	margin:85px auto 60px;
}

.pwa2{
    max-width: 785px;
    background-color: #FFF;
    margin: 43px auto 30px;
}

.blueback{
	background-color:#21a8e0;

}
.whiteback{
	background-color:#FFF;
}

.whiteborder{
	border-top: 25px solid #FFF;
	border-bottom: 25px solid #FFF;
	border-left: 27px solid #FFF;
	border-right: 27px solid #FFF;
	box-sizing: border-box;
}

.whiteborder2{
	border-top: 10px solid #FFF;
	border-bottom: 10px solid #FFF;
	border-left: 15px solid #FFF;
	border-right: 15px solid #FFF;
	box-sizing: border-box;
	width:905px;
	margin:0 auto;
	background-color:#00509f
}

@media screen and (max-width: 1700px) {
	.pwa{
		width:85%;
    	margin: 40px auto 30px;
	}
	.ptitle{
		width:34%;
		
	}
}

@media screen and (min-width: 769px) and (max-width: 1088px) {
	.theader, .theader2{
		    margin: 65px 20px 42px;
	}
}