/*scroll.css*/
.scroll{
	position:absolute;
	right:0;
	bottom:40px;
	left:0;
	z-index:2;
	color:#fff;
	text-align:center;
}
#contents .anncon .kvbox .scroll .line{
	display:block;
	overflow:hidden;
	position:relative;
	margin:5px auto 0;
	width:1px;
	height:100px;
}
#contents .anncon .kvbox .scroll .line:after,
#contents .anncon .kvbox .scroll .line:before{
	display:block;
	position:absolute;
	left:0;
	width:1px;
	content:"";
}
#contents .anncon .kvbox .scroll .line:before{
	top:0;
	z-index:2;
	height:100%;
	background:#fff;
}
#contents .anncon .kvbox .scroll .line:after{
	top:-120px;
	z-index:3;
	height:140px;
	background:#009c95;
	-webkit-animation:lineanim 3s infinite ease;
	animation:lineanim 3s infinite ease;
}
@-webkit-keyframes lineanim{
	0%{
		-webkit-transform:translatey(-20px);
		transform:translatey(-20px);
	}
	100%{
		-webkit-transform:translatey(260px);
		transform:translatey(260px);
	}
}
@keyframes lineanim{
	0%{
		-webkit-transform:translatey(-20px);
		transform:translatey(-20px)
	}
	100%{
		-webkit-transform:translatey(260px);
		transform:translatey(260px)
	}
}
/*common*/
.pc{
	display:block;
}
.wap{
	display: none;
}
.anncon{
	background:#fff;
}
#contents .mt_80{
	margin-top: -80px;
}
#contents .mt_55{
	margin-top: -55px;
}
#contents .mt_50{
	margin-top: -50px;
}
#contents .mt_30{
	margin-top: -30px;
}
#contents .mt_25{
	margin-top: -25px;
}
#contents .mt_20{
	margin-top: -20px;
}
.anncon {
	margin-top:-52px !important;
}
.anncon .kvbox{
	width:100%;
	height: 720px;
	background:url(/uploads/image/c9images/kv.jpg) no-repeat;
	position: relative;
	background-size:cover;
}
.anncon .kvbox .logocon{
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	position: absolute;
}
.anncon .kvbox .logocon .logo > img{
	margin:20px auto;
}
#contents .anncon .kvbox .logocon .kvtxt h1{
	font-size: 48px;
	color:#009c95;	
	letter-spacing: 5px;
}
.anncon .usercon{
	width:100%;
	height:780px;
	background:url(/uploads/image/c9images/user.jpg) no-repeat;
	background-size:cover;
	position: relative;
}
.anncon .usercon .usertxt{
	position: absolute;
	margin:20px auto;
	text-align:center;
	left:50%;
	top:100px;
	transform: translatex(-50%);
}
#contents .anncon .usercon .usertxt h1{
	font-size: 48px;
	color:#fff;
	margin:20px 0;
	letter-spacing: 5px;
}
#contents .anncon .usercon .usertxt p{
	font-size: 20px;
	color:#fff;
	line-height: 2.2;
	letter-spacing: 5px;
}
#contents .challengecon li{
	float:left;
	width:50%;
}
#contents .challengecon li:nth-child(1){
	padding:59px;
	box-sizing: border-box;
}
#contents .challengecon li h1{
	font-size: 36px;
	color:#037b96;
	margin-bottom: 30px;
	letter-spacing: 5px;
}
#contents .challengecon li p{
	font-size: 16px;
	color:#037b96;
	line-height: 2.2;
	margin:30px 0;
	letter-spacing: 2px;
}
#contents .challengecon li p:nth-child(2),
#contents .challengecon li p:nth-child(3){
	margin:0;
}
#contents .challengecon li p.name{
	text-align:right;
	margin:60px 0;
}
#contents .challengecon li p.name > span{
	font-size: 18px;
	font-weight: bold;
} 
.anncon .timecon{
	width:100%;
	height:5436px;
	background: no-repeat;
	background-size:100% 100%;
	position: relative;
}
#contents .anncon .timecon h1{
	font-size: 36px;
	padding:100px 0;
	text-align:center;
	color:#1169b9;
	letter-spacing: 5px;
}
#contents .anncon .timecon .timeline{
	/*width:100%;*/
	height:4292px;
	background:url(/uploads/image/c9images/timeline.png) no-repeat center center;
	padding:52px 0;
	box-sizing: border-box;
}
#contents .anncon .timecon .timeline .linebox{
	width:980px;
	/*max-width: 1100px;*/
	margin:0 auto;
}
#contents .anncon .timecon .timeline .linebox .lineimg{
	margin-bottom: 10px;
	position: relative;
}
#contents .anncon .timecon .timeline .linebox .lineitem:nth-child(1) .lineimg .yearicon{
	/*display: block;*/
	background: no-repeat;
	position: absolute;
	top:50%;
	left:33%;
	transform:translatey(-50%);
	-webkit-transform:translatey(-50%);
	background-position: 115px 2px;

}
#contents .anncon .timecon .timeline .linebox .lineimg .yearicon{
	/*display: block;*/
	background: no-repeat;
	position: absolute;
	top:50%;
	left:33%;
	transform:translatey(-50%);
	-webkit-transform:translatey(-50%);
	background-position: 100px 0;
	padding:10px;

}

#contents .anncon .timecon .timeline .linebox .lineitem:nth-child(2n){
	text-align:right;
}
#contents .anncon .timecon .timeline .linebox .lineitem:nth-child(2n 1){
	text-align:left;
}
#contents .anncon .timecon .timeline .linebox .lineitem{
	position: relative;
	z-index: 2;
}
/*#contents .anncon .timecon .timeline .linebox .lineitem:nth-child(2n 1) .lineimg:before,
#contents .anncon .timecon .timeline .linebox .lineitem:nth-child(2n 1) .lineimg:after{
	display:block;
	position:absolute;
	left:300px;
	width:100px;
	content:"";
}*/
#contents .anncon .timecon .timeline .linebox .lineitem:nth-child(2n) .lineimg .yearicon{
	position: absolute;
	top:50%;
	right:34%;
	left:unset;
	transform:translatey(-50%);
	-webkit-transform:translatey(-50%);
	background-position: 100px 0;
	padding:10px 0;
}
#contents .anncon .timecon .timeline .linebox .lineitem:nth-child(2n) .lineimg .yearicon{
	background-position:0px 0;
}
#contents .anncon .timecon .timeline .linebox .lineitem .lineimg:after{
	top:53%;
	z-index:-1;
	height:1px;
	background:#0a62bb;
}
#contents .anncon .timecon .timeline .linebox .lineitem .lineimg.posline:after{
	top:48%;
}
#contents .anncon .timecon .timeline .linebox .lineitem .txt{
	text-align:left;
	display: inline-block;
	padding:0 20px;
	box-sizing: border-box;
	width:324px;
	letter-spacing: 1px;
}
#contents .anncon .timecon .timetxtcon{
	position: absolute;
	bottom:100px;
	left:50%;
	transform: translatex(-50%);
}
#contents .anncon .timecon .timetxtcon a > img:hover{
	opacity: 0.8;
	transition: .2s;
}
#contents .anncon .timecon .timetxtcon p{
	text-align:center;
	color:#fff;
	font-size: 24px;
	letter-spacing: 5px;
}
#contents .anncon .timecon .timetxtcon img{
	display: block;
	margin:70px auto 0;
}
@media (max-width: 768px){
	body,html{
		overflow-x: hidden !important;
	}
	.pc{
		display: none;
	}
	.wap{
		display: block;
	}
	#contents .anncon .timecon .timeline .linebox .lineitem:nth-child(2n):before{
		display: none;
	}
	#contents .anncon .timecon .timeline .linebox .lineitem:nth-child(2n 1):after{
		display: none;
	}
	#contents .year{
		font-size: 32px;
		color:#1169b9;
		width:100%;
		text-align:center;
	}
	#contents .year:after,
	#contents .year:before{
		display:block;
		position:absolute;
		left:0;
		width:2px;
		content:"";
	}
	#contents .year:before{
		height:70px;
		background:#0a62bb;
		top:-10px;
		left:50%;
	}
	#contents .anncon .timecon .timeline .linebox .lineitem{
		padding:60px 0 30px 0;
		margin-top: 0;
	}
	.anncon .kvbox{
		width:100%;
		background:url(/uploads/image/c9images/kv_sp.jpg) no-repeat;
		background-size:100% 100%;
	}
	#contents .anncon .kvbox .logocon .kvtxt h1{
		font-size: 28px;
	}
	.anncon .kvbox .logocon{
		width:100%;
		top:40%;
		text-align:center;
	}
	.anncon .kvbox .logocon .logo > img{
		width:50%;
		margin:0 auto;
	}
	.anncon .usercon{
		width:100%;
		background:url(/uploads/image/c9images/user_sp.jpg) no-repeat;
		background-size:100% 100%;
	}
	#contents .anncon .usercon .usertxt{
		width:100%;
	}
	#contents .challengecon li{
		float:none;
		width:100%;	
	}
	#contents .challengecon li:nth-child(1){
		padding:30px;
	}
	#contents .anncon .timecon .timeline{
		background:none;
		height:unset;
		padding:0;
	}
	.anncon .timecon{
		width:100%;
		height:auto;
		background: no-repeat;
		background-size: 100% 100%;
	}
	#contents .anncon .timecon h1{
		padding:40px 0 0 0;
	}
	#contents .anncon .timecon .timeline .linebox .lineitem .txt{
		font-size: 16px;
		width:100%;
	}
	#contents .anncon .timetxtcon{
		width:100%;
		height:700px;
		background: no-repeat;
		background-size:100% 100%;
		position: relative;
	}
	#contents .anncon .timetxtcon p{
		font-size: 20px;
		color:#fff;
		font-weight: bold;
		text-align:center;
	}
	#contents .anncon .timetxtcon .timetxtwrap{
		width:100%;
		position: absolute;
		bottom:100px;
		left:50%;
		transform:translatex(-50%);
	}
	#contents .anncon .timetxtcon .timetxtwrap a > img{
		width:70%;
		margin:50px auto 0 auto;
		display: block;
	}
	#contents .anncon .timetxtcon:after,
	#contents .anncon .timetxtcon:before{
		display:block;
		position:absolute;
		left:0;
		width:2px;
		content:"";
	}
	#contents .anncon .timetxtcon:before{
		height:70px;
		background:#0a62bb;
		top:-35px;
		left:50%;
	}
	#contents .anncon .timecon .timeline .linebox{
		width:100%;
	}
.anncon {
	margin-top:-30px !important;
}
}