@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
#totop{
	position: fixed;
	right: 1em;
	bottom: 15%;
	z-index: 51;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 0 0.625em rgba(0, 0, 0, 0.06);
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.62' height='24.09' viewBox='0 0 19.62 24.09'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' y1='0%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%230070c0'/%3E%3Cstop offset='100%25' stop-color='%236ee2b1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M1866.5 982h16.63a1.561 1.561 0 0 1 0 3.118h-16.63a1.56 1.56 0 0 1 0-3.118zm16.14 15.321a1.408 1.408 0 0 1-2 0l-4.68-4.73v12.34a1.145 1.145 0 1 1-2.29 0v-12.346l-4.69 4.729a1.408 1.408 0 0 1-2 0 1.439 1.439 0 0 1 0-2.017l6.83-6.885v-.006a1.412 1.412 0 0 1 2 0s0 .006.01.006l6.82 6.892a1.438 1.438 0 0 1 0 2.016zm0 0' transform='translate(-1865 -982)' fill='url(%23a)'/%3E%3C/svg%3E");
	background-position: center center;
	background-size: auto 43.6%;
	width: 3.4375em;
	height: 3.4375em;
	-webkit-transition: background-color 0.5s,opacity 0.5s;
	transition: background-color 0.5s,opacity 0.5s;
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
}
#totop.active{
	opacity: 1;
	pointer-events: all;
}
#totop:hover{
	background-color: #39b9f3;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.62' height='24.09' viewBox='0 0 19.62 24.09' data-inject-url='https://www.growthman.cn/static/cms/images/right-pop-gotop.svg'%3E%3Cpath data-name='1258' d='M1.5 0h16.63a1.561 1.561 0 0 1 0 3.118H1.5A1.56 1.56 0 0 1 1.5 0zm16.14 15.321a1.408 1.408 0 0 1-2 0l-4.68-4.73v12.34a1.145 1.145 0 1 1-2.29 0V10.585l-4.69 4.729a1.408 1.408 0 0 1-2 0 1.439 1.439 0 0 1 0-2.017l6.83-6.885v-.006a1.412 1.412 0 0 1 2 0s0 .006.01.006l6.82 6.892a1.438 1.438 0 0 1 0 2.016zm0 0' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
}


.btn-common{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:transparent;
	padding:0;
	border:0;
	cursor:pointer;
	position:relative;
	display:inline-flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	width:auto;
	min-width:10.25em;
	height: 2.875em;
	padding:0 3em 0 2em;
}
.btn-common .svg {
 	position:absolute;
 	top:0;
 	left:0;
 	width:100%;
 	height:100%;
 	z-index:0;
 	overflow:visible;
 	pointer-events:none;
}
.btn-common .svg rect{
	stroke-dasharray: 23em, 0px;
	stroke-dashoffset: 13.753em;
	opacity: 1;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.btn-common:hover .svg rect{
	stroke-dasharray: 2.2533em, 20.75em;
	stroke-dashoffset: -9.25em;
	opacity: 0;
}
.btn-common .svg circle {
	opacity:0;
	stroke-dasharray: 2.2533em, 9.0133em;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.btn-common:hover .svg circle {
	opacity:1;
	stroke-dasharray: 9.0133em, 2.2533em;
}
.btn-common .word {
	 position:relative;
	 display:inline-block;
	 font-size:1em;
	 letter-spacing:.1em;
	 text-transform:uppercase;
	 white-space:nowrap;
	 color: #fff;
	 -webkit-transition: transform 1s;
	 transition: transform 1s;
}
.btn-common:hover .word{
	-webkit-transform: translate(-2em);
	transform: translate(-2em);
}
.btn-common .arrow {
	 position:absolute;
	 top:-1%;
	 right:0;
	 width:2.875em;
	 height:2.875em;
	 background-position:50%;
	 background-repeat:no-repeat;
	 background-size:0.8164em auto;
	 background-image:url(../images/btncommon_arrow.svg);
	 -webkit-transition: transform 1s;
	 transition: transform 1s;
	 -webkit-transform:translate(-35%);
	 transform:translate(-35%);
}
.btn-common:hover .arrow {
	 -webkit-transform:translate(0%);
	 transform:translate(0%);
}



.section{
	min-height: 100vh;
}

.cell-bg-layer{
	background-color: #0a1a27;
	position: fixed;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
}
.cell-bg-layer .bglight{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: auto;
	opacity: 0;
	transition: opacity 0.5s;
}
.cell-bg-layer .bglight.active{
	opacity: 1;
}
.cell-bg-layer .logo{
	width: 41.125em;
	position: absolute;
	left: 50%;
	top: 50%;
}
.cell-bg-layer .logo.left{
	transform: translate(-181.915%,-11.7%);
}
.cell-bg-layer .logo.right{
	transform: translate(78.2675%,-86.47%);
}
.cell-bg-layer .cell-box{
	position: absolute;
	width: 61.625em;
	left: 50%;
	top: 50%;
	opacity: 0;
}
.cell-bg-layer .cell-box.cell1{
	transform: translate(-50%,-50%) scale(0.7);
}
.cell-bg-layer .cell-box.cell2{
}
.cell-bg-layer .cell-box.cell3{
	
}
.cell-bg-layer .cell-box.cell4{
	
}
.cell-bg-layer .cell-box.cell5{
	
}
.cell-bg-layer .cell-box img{
	width: 100%;
}
.cell-bg-layer .cell-box .receptor,.cell-bg-layer .cell-box .inject{
	position: absolute;
	left: 0;
	top: 0;
}
.cell-bg-layer .cell-box .receptor{
	opacity: 0;
}
.cell-bg-layer .cell-box .receptor.r6{
	transform: translate(-1%,-0.5%);
}
.cell-bg-layer .cell-box .inject{
	opacity: 0;	
	transform: translate(-9.5%,-5%);
}

.swiper-container{
	width: 100%;
	height: 100vh;
}
.sec1{
	padding-top: 50vh;
	text-align: center;
}
.sec1 h1{
	text-align: center;
	font-size:2.625em;
	color: #fff;
	font-weight: bold;
	line-height: 1.8;
}
.sec1 h1 span{
	display: inline-block;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: masked 120s linear infinite;
	animation: masked 120s linear infinite;
	background-size: 300% auto;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../images/index_sec1_textbgcolor.jpg);
}
@keyframes masked {
 0%,100%{
  background-position:right bottom
 }
 50% {
  background-position:left bottom;
 }
}
.sec1 h1 i{
	font-style: normal;
	display: inline-block;
	background-image: linear-gradient(to bottom, #fff, #a8a8a8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sec1 h1 i.anim-line.actived{
 	transform:translateY(0) rotate(0deg);
 	opacity:1;
}






.secwithpop{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.secwithpop .inner{
	position: relative;
}
.secwithpop .text{
	opacity: 0;
	transform: translate(0,10vh);
}
.secwithpop h3{
	font-size: 2.5em;
	color: #fff;
	font-weight: bold;
	line-height: 1.625;
}
.secwithpop h3 span{
	display: inline-block;
	background-image: linear-gradient(to right, #0070c0, #6ee2b1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.secwithpop h5{
	font-size: 1.125em;
	color: #fff;
	font-weight:normal;
	line-height: 2;	
	width: 44em;
	max-width: 100%;
	margin-top: 2.76%;
	margin-bottom: 5.46%;
}
.secwithpop .btnplus{
	cursor: pointer;
	width: 3.4375em;
	-webkit-transition: transform 0.5s;
	transition: transform 0.5s;
}
.secwithpop .btnplus:hover{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.secwithpop .pop-box{
	position: absolute;
	left: 6.5%;
	right: 6.5%;
	top: 50%;
	z-index: 2;
	transform: translateY(-50%) scale(0);
	border-radius: 1.875em;
	overflow: hidden;
	background-image: linear-gradient(to top, #0070c0, #6ee2b1);
	padding: 3.7% 0 4.74%;
	transition: transform 0.5s;
	transform-origin: 5% 75%;
}
.secwithpop .pop-box.active{
	transform: translateY(-50%) scale(1);
}
.secwithpop .pop-box .inner{
	position: relative;
}
.secwithpop .pop-box::before{
	content: "";
	background-color: #10283c;
	position: absolute;
	left: 2px;
	top: 2px;
	right: 2px;
	bottom: 2px;
	border-radius: 1.875em;
}
.secwithpop .pop-box h3{
	margin-bottom: 3.3%;
}
.secwithpop .btnminus{
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 2.1875em;
	width: 2em;
	z-index: 1;
}
.secwithpop p{
	font-size: 1.125em;
	line-height: 1.5;
	color: #fff;
	margin-bottom: 0.75em;
}
.secwithpop p:last-child{
	margin-bottom: 0;
}
.secwithpop p.num{
	padding-left: 3em;
}
.secwithpop p a{
	font-size: inherit;
	color: #39b9f3;
	text-decoration: underline;
}
.secwithpop p b{
	display: inline-block;
	vertical-align: baseline;
	font-size: 1.5em;
	width: 2em;
	background-image: linear-gradient(to bottom, #fff, #a8a8a8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: -2em;
    font-style: italic;
}



.seccmc{
	text-align: center;
	padding-top: 15vh;
	overflow: visible;
}
.seccmc h3{
	font-size: 2.5em;
	font-weight: bold;
	color: #fff;
	margin-bottom: 6.77%;
	opacity: 0;
	transform: translateY(10vh);
	line-height: 1.3;
}
.seccmc h3 span{
	display: inline-block;
	background-image: linear-gradient(to bottom, #fff, #a8a8a8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.seccmc ul{
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
}
.seccmc li{
	text-align: left;
	width: 25.375em;
	margin-right: 3.6%;
	max-width: 22%;
	padding: 3.1% 3.78% 2.5%;
	border-radius: 1.875em;
	overflow: hidden;
	position: relative;
	opacity: 0;
	transform: translateY(10vh);
	-webkit-transition: margin 1s !important;
	transition: margin 1s !important;
}
.seccmc li:hover{
	margin-top: -5vh;
	margin-bottom: 5vh;
}
.seccmc li:last-child{
	margin-right: 0;
}
.seccmc li::before{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80vh;
	height: 80vh;
	background-image: linear-gradient(59deg, #0070c0, #6ee2b1);
	margin-left: -40vh;
	margin-top: -40vh;
	min-width: 100%;
	min-height: 100%;
	transition: transform 2s;
}
.seccmc li:hover::before{
	transform: rotate(360deg);
}
.seccmc li::after{
	content: "";
	position: absolute;
	left: 1px;
	top: 1px;
	right: 1px;
	bottom: 1px;
	border-radius: 1.875em;
	background-image: linear-gradient(to right, #0f2631, #0a2032);
}
.seccmc li > *{
	position: relative;
	z-index: 1;
}
.seccmc li .icon{
	height: 2.375em;
	width:auto;
	margin-bottom: 20%;
}
.seccmc li h5{
	font-size:1.25em;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10%;
	line-height: 1.5;
}
.seccmc li p{
	font-size: 1.125em;
	color: #fff;
	line-height: 2;	
	padding-left: 1em;
}
.seccmc li p b{
	display: inline-block;
	vertical-align: baseline;
	width: 1em;
	margin-left: -1em;
}






.history{
	position: relative;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	z-index: 1;
}
.history .title{
	-webkit-display: flex;
	-webkit-align-items: flex-end;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-direction: row;
	opacity: 0;
	transform: translateY(10vh);
 	transition:opacity .8s cubic-bezier(.22,1,.36,1),transform 1.6s cubic-bezier(.22,1,.36,1);
}
.history.actived .title{
 	transform:translateY(0) rotate(0deg);
 	opacity:1;
}
.history h3{
	font-size: 2.5em;
	color: #333;
	font-weight: bold;
	line-height: 1.5;
}
.history .btn{
	width: 3em;
	height: 3em;
	border: 1px solid #b7b7b7;
	border-radius: 50%;
	cursor: pointer;
	-webkit-display: inline-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
}
.history .btn:hover{
	background-color: #b7b7b7;	
}
.history .btn.prev{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-right: 0.625em;
}
.history .btn img{
	width: 31.25%;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url(../images/index_sec5_arrow_bg.png);
	background-size: auto 200%;
	background-position: center top;
}
.history .btn:hover img{
	background-position: center bottom;
}
.history .content{
	margin-top: 4%;
	opacity: 0;
	transform: translateY(10vh);
 	transition:opacity .8s cubic-bezier(.22,1,.36,1),transform 1.6s cubic-bezier(.22,1,.36,1);
	transition-delay: 0.4s;
	overflow: hidden;
	overflow-x: scroll;
	scrollbar-width: none;
	width:100%;
}
.history .content::-webkit-scrollbar{
	display: none;
}
.history.actived .content{
 	transform:translateY(0);
 	opacity:1;
}
.history .svg-box{
	position: absolute;
	left: 0;
	top: 6.125em;
}
.history svg{
	width: auto;
	height: 11.625em;
	stroke-width: 0.5em;
	position: relative;
	vertical-align: top;
}
.history svg.absolute{
	bottom: 0;
	left: 0;
	position: absolute;
}
.history .scroll-box{
	overflow: visible;
}
.history .wrapper{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-left: 10.4vw;
	margin-right: 10.4vw;
}
.history .slide{
	cursor: pointer;
	text-align: center;
	margin-right: 14.125em;
	width: auto;
	flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 10.875em;
}
.history .slide:nth-child(4n-1),.history .slide:nth-child(4n){
	flex-direction: column-reverse;
	padding-bottom: 10.875em;
	padding-top: 0;
}
.history .slide:nth-child(1){
	padding-top: 0;
	margin-top: -1.375em;
}
.history .slide:nth-child(2){
	padding-top: 0;
	margin-top: -1.375em;
}
.history .slide:nth-child(3){
	margin-right: 21.75em;
}
.history .slide:nth-child(4){
	margin-right: 23em;
}
.history .slide:nth-child(5){
	padding-top: 0;
	margin-top: -2.25em;
	margin-right: 18em;
}
.history .slide:nth-child(6){
	padding-top: 0;
	margin-top: -2.25em;
	margin-right: 20em;
}
.history .slide:nth-child(7){
	padding-top: 0;
	margin-bottom: -5em;
}
.history .slide:nth-child(8){
	padding-top: 0;
	margin-bottom: -5em;
	margin-right: 25em;
}
.history .slide:nth-child(9){
	padding-top: 0;
	margin-top: -0.875em;
	margin-right: 25em;
}
.history .slide:nth-child(10){
	padding-top: 0;
	margin-top: -0.875em;
}
.history .slide:last-child{
	margin-right: 0;
}
.history .slide .flex-box{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.history .slide .flex-box.reverse{
	flex-direction: column-reverse;
}
.history .slide p{
    font-family: 'robotomedium';
    font-size: 1.375em;
    color: #333;
}
.history .slide img{
	opacity: 0.18;
	transition: opacity 0.5s;
}
.history .slide:nth-child(1) img{
	width: 9.625em;	
}
.history .slide:nth-child(2) img{
	width: 11.875em;	
}
.history .slide:nth-child(3) img{
	width: 9.625em;	
}
.history .slide:nth-child(4) img{
	width: 6.75em;	
}
.history .slide:nth-child(5) img{
	width: 10.75em;	
}
.history .slide:nth-child(6) img{
	width: 6.625em;	
}
.history .slide:nth-child(7) img{
	width: 9.5em;	
}
.history .slide:nth-child(8) img{
	width: 11.125em;	
}
.history .slide:nth-child(9) img{
	width: 12.5em;	
}
.history .slide:nth-child(10) img{
	width: 5.625em;	
}
.history .slide:hover img,.history .slide.active img{
	opacity: 1;
}
.history .slide .flex-box:not(.reverse) img{
	margin-bottom: 1.25em;
}
.history .slide .flex-box.reverse img{
	margin-top: 1.25em;
}
.history .point{
	position: relative;
	width: 1.375em;
	height: 1.375em;
	border-radius: 50%;
	background-color: #c4cacf;
	transition: background-color 0.5s;
	z-index: 1;
}
.history .slide .point{
	margin-bottom: 2.5em;
}
.history .slide:nth-child(4n-1) .point,.history .slide:nth-child(4n) .point{
	margin-bottom: 0;
	margin-top: 2.5em;
}
.history .slide:hover .point,.history .slide.active .point{
	background-color: #3079be;
}
.history .point div{
	position: absolute;
	left: 50%;
	top: 50%;
	border: 1px solid #3079be;
	transform: translate3d(-50%,-50%,0);
	border-radius: 50%;
	opacity: 0;
	z-index: -1;
}
.history .slide:hover .point div{
	animation: sec5pointcir 3s linear infinite;
}
.history .slide:hover .point div:nth-child(1){
	animation-delay: 0.5s;
}
.history .slide:hover .point div:nth-child(2){
	animation-delay: 1.5s;
}
.history .slide:hover .point div:nth-child(3){
	animation-delay: 2.5s;
}
@keyframes sec5pointcir{
	0%{
		opacity: 1;
		width:0%;
		height: 0%;
	}
	100%{
		opacity: 0;
		width:800%;
		height: 800%;
	}
}

.history ul{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
}

.history ul li{
	opacity: 0;
	transform: translateY(10vh);
 	transition:opacity .8s cubic-bezier(.22,1,.36,1),transform 1.6s cubic-bezier(.22,1,.36,1);
}
.history ul li:nth-child(1){
	transition-delay: 0.6s;
}
.history ul li:nth-child(2){
	transition-delay: 0.8s;
}
.history ul li:nth-child(3){
	transition-delay: 1s;
}
.history ul li:nth-child(4){
	transition-delay: 1.2s;
}
.history.actived li{
 	transform:translateY(0);
 	opacity:1;
}
.history ul li h5{
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 1.4em;
	display: inline-block;
	vertical-align: top;
	background-image: linear-gradient(to right, #0070c0, #6ee2b1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.history ul li h5 b{
	font-size: 3.2em;
    margin-right: 0.2em;
    font-weight: bold;
}
.history ul li h5 span{
	display: inline-block;
	line-height: 1.2;
}
.history ul li p{
	font-size: 1.125em;
	color: #333;
}

#footer{
	z-index: 1;
}
.seclast{
	min-height: 0;
	text-align: center;
	padding: 10.75em 0;
	position: relative;
	background-color: #081827;
	z-index: 2;
}
.seclast h3{
	font-size: 2.5em;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 3.95%;
	opacity: 0;
	transform: translateY(10vh);
 	transition:opacity .8s cubic-bezier(.22,1,.36,1),transform 1.6s cubic-bezier(.22,1,.36,1);
}
.seclast.actived h3{
 	transform:translateY(0);
 	opacity:1;
}

.seclast .btn-common{
	opacity: 0;
	transform: translateY(10vh);
 	transition:opacity .8s cubic-bezier(.22,1,.36,1) 0.5s,transform 1.6s cubic-bezier(.22,1,.36,1) 0.5s;
}
.seclast.actived .btn-common{
 	transform:translateY(0);
 	opacity:1;
}
.seclast .pop-cover{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: -26em;
	background-color: #10283c;
	text-align: left;
	transition: transform 0.5s;
	transform: scale(0);
	transform-origin: 96% 4em;
}
.seclast .pop-cover.active{
	transform: scale(1);
}
.seclast .pop-cover .close{
	position: absolute;
	right: 3.375em;
	top: 3.375em;
	width: 1.375em;
	cursor: pointer;
	-webkit-transition: transform 0.5s;
	transition: transform 0.5s;
	z-index: 2;
}
.seclast .pop-cover .close:hover{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.seclast .pop-cover .inner{
	overflow-y: auto;
	height: 100%;
}
.seclast .pop-cover p{
	font-size: 1.125em;
	color: #fff;
	line-height: 1.875;
	margin-top: 5em;
}
.seclast .pop-cover ul{
	margin: 2.25em 0 3.125em;
}
.seclast .pop-cover li{
	position: relative;
	margin-bottom: 1em;
	border-radius: 1.875em;
	overflow: hidden;
	padding: 2.7% 2.6%;
	cursor: pointer;
	z-index: 1;
}
.seclast .pop-cover li::before{
	display: ;
	content: "";
	background-image: linear-gradient(to right, #0070c0, #6ee2b1);
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 50%;
	width: 100vw;
	height: 100vw;
	margin-left: -50vw;
	margin-top: -50vw;
	-webkit-transition: transform 2s;
	transition: transform 2s;
}
.seclast .pop-cover li:hover::before{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.seclast .pop-cover li::after{
	display: ;
	content: "";
	position: absolute;
	left: 1px;
	right: 1px;
	top: 1px;
	bottom: 1px;
	background-color: #10283c;
	border-radius: 1.8125em;
}
.seclast .pop-cover li h5{
	font-size: 1.5em;
	color: #fff;
	font-weight: bold;
	position: relative;
	z-index: 1;
	line-height: 1.5;
	padding-right: 1em;
}
.seclast .pop-cover li h5 .plus-box{
	font-size: 0.5em;
	position: absolute;
	right: 0;
	top: 1em;
	width: 1em;
	height: 1em;
}
.seclast .pop-cover li h5 .plus-box div{
	background-color: #fff;
	position: absolute;
}
.seclast .pop-cover li h5 .plus-box div:first-child{
	width: 1em;
	height: 2px;
	left: 0;
	top: 50%;
	margin-top: -1px;
}
.seclast .pop-cover li h5 .plus-box div:last-child{
	width: 2px;
	height: 1em;
	left: 50%;
	top: 0;
	margin-left: -1px;
}
.seclast .pop-cover li.slide h5 .plus-box div:last-child{
	opacity: 0;
}
.seclast .pop-cover li p{
	line-height: 1.75;
	position: relative;
	z-index: 1;
	margin-top: 0;
}
.seclast .pop-cover li .slide-box{
	margin-top: 0.5em;
	display: none;
}
.seclast .pop-cover li p.dot{
	padding-left: 1em;
}
.seclast .pop-cover li p.dot span{
	font-weight: bold;
	display: inline-block;
	vertical-align: baseline;
	width: 1em;
	margin-left: -1em;
}
.seclast h4{
	display: inline-block;
	font-size: 1.5em;
	font-weight: bold;
	color: #0070c0;
 	position: relative;
}
.seclast h4 a{
    font-family: 'Robotobold';
    display: inline-block;
 	-webkit-transition:transform 0.5s;
 	transition:transform 0.5s;
	background-image: linear-gradient(to right, #0070c0, #6ee2b1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}
.seclast h4 a::after{
	content: "";
	width: 100%;
	height: 2px;
	background-image: linear-gradient(to right, #0070c0, #6ee2b1);
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
}
.seclast.actived h4 a:hover{
	transform: scale(1.1);
}





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


	.btn-common{
		font-size: 1.125em;
	}
	.btn-common:hover .svg rect{
		stroke-dasharray: 23em, 0px;
		stroke-dashoffset: 13.753em;
		opacity: 1;
	}
	.btn-common:hover .svg circle {
		opacity:0;
		stroke-dasharray: 2.2533em, 9.0133em;
	}
	.btn-common:hover .word{
		-webkit-transform: translate(0);
		transform: translate(0);
	}
	.btn-common:hover .arrow {
		 -webkit-transform:translate(-35%);
		 transform:translate(-35%);
	}


	.cell-bg-layer .logo{
		width: 30em;
	}
	.cell-bg-layer .logo.left{
		transform: translate(-115%,15%);
	}
	.cell-bg-layer .logo.right{
		transform: translate(15%,-115%);
	}
	.cell-bg-layer .cell-box{
		width: 61.625em;
		left: 50%;
		top: 50%;
	}
	.cell-bg-layer .cell-box.cell1{
		transform: translate(-50%,-50%) scale(0.7);
	}

	.sec1{
		padding-top: 40vh;
	}
	.sec1 h1{
		font-size:2em;
	}




	.secwithpop{
		align-items: flex-start;
	}
	.secwithpop .text{
		margin-top: 10vh;
	}
	.secwithpop h3{
		font-size: 2em;
		line-height: 1.5;
	}
	.secwithpop h3 span{
		display: inline-block;
		background-image: linear-gradient(to right, #0070c0, #6ee2b1);
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	}
	.secwithpop .pop-box{
		top: 5%;
		bottom: 5%;
		left: 4%;
		right: 4%;
		transform: scale(0);
		padding: 0;
		transform-origin: 5% 50%;
	}
	.secwithpop .pop-box.active{
		transform: scale(1);
	}
	.secwithpop .pop-box .inner{
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
		height: 100%;
		padding: 5% 0;
	}
	.secwithpop .pop-box .scroll-box{
		overflow-y: auto;
	}
	.secwithpop .btnminus{
		top: 2.5em;
	}
	.secwithpop .pop-box{
		position: fixed;
	}
	.secwithpop .pop-box h3{
		margin-bottom: 5%;
		font-size: 2em;
		margin-right: 5%;
		flex-shrink: 0;
		line-height: 1.5;
	}
	.secwithpop h5{
		font-size: 1.375em;
		width: 20em;
		line-height: 1.5;
	}
	.secwithpop p{
		font-size: 1.25em;
	}


	.seccmc{
		padding-top: 10%;
	}
	.seccmc h3{
		font-size: 2em;
		margin-bottom: 6.77%;
	}
	.seccmc ul{
		display: block;
	}
	.seccmc li{
		width: 100%;
		margin-right: 0;
		max-width: 100%;
		margin-bottom: 5%;
		padding: 5% 5% 5% 20%;
	}
	.seccmc li:hover{
		margin-top: 0;
		margin-bottom: 5%;
	}
	.seccmc li .icon{
		margin-bottom: 0;
		position: absolute;
		left: 5%;
		top: 8%;
	}
	.seccmc li h5{
		margin-bottom: 5%;
		font-size: 1.375em;
	}
	.seccmc li p{
		font-size: 1.25em;
		line-height: 1.5;
	}





	.history{
		padding: 15% 0 5%;
		display: block;
	}
	.history h3{
		font-size: 2em;
	}
	.history .btn{
		-webkit-display: none;
		display: none;
	}
	.history .content{
		margin-top: 5%;
		position: relative;
		margin-bottom: 10%;
	}
	.history .scroll-box{
		overflow: hidden;
		overflow-y: auto;
		height: 100%;
		padding: 0 4%;
	}
	.history .scroll-bar{
		position: absolute;
		left: 4%;
		top: 4em;
		bottom: 4em;
	}
	.history .scroll-bar .progress-box{
		background-color: #e6e9eb;
		width: 0.5em;
		position: relative;
		height: 100%;
		border-radius: 0.25em;
		overflow: hidden;
	}
	.history .scroll-bar .progress{
		background-image: linear-gradient(to bottom, #0070c0, #6ee2b1);
		width: 100%;
		height: 0%;
		position: absolute;
		left: 0;
		top: 0;
	}
	.history .scroll-bar .progress.active{
		height: 100%;
		transition: height 2s 0.5s;
	}
	.history .wrapper{
		display: block;
		margin-left: 0;
		margin-right: 0;
	}
	.history .slide{
		margin-right: 0;
		width: 100%;
	    display: block;
	    padding-top: 0;
	    margin: 0 !important;
	    text-align: left;
	}
	.history .slide:nth-child(4n-1),.history .slide:nth-child(4n){
		padding-bottom: 0;
	}
	.history .slide .flex-box{
		justify-content: flex-end;
		flex-direction: row-reverse;
	    height: 9em;
	}
	.history .slide .flex-box.reverse{
		flex-direction: row-reverse;
	}
	.history .slide p{
		font-size: 1.625em;
		margin-right: 10%;
		margin-left: 10%;
		width: 9em;
	}
	.history .slide img{
		width: 16% !important;
		height: auto;
	}
	.history .slide .flex-box:not(.reverse) img{
		margin-bottom: 0;
	}
	.history .slide .flex-box.reverse img{
		margin-top: 0;
	}
	.history .point{
		width: 1em;
		height: 1em;
		left: -0.25em;
		top: 50%;
		position: absolute;
		margin-top: -0.5em;
	}
	.history .slide .point{
		margin-bottom: 0;
	}
	.history .slide:nth-child(4n-1) .point,.history .slide:nth-child(4n) .point{
		margin-top: -0.5em;
	}
	.history ul{
		flex-wrap: wrap;
		padding: 0 5%;
	}
	.history ul li{
		margin-bottom: 10%;
	}
	.history ul li:last-child{
		min-width: 12.5em;
	}
	.history ul li p{
		font-size: 1.25em;
		line-height: 1.5;
	}
	.history ul li h5 b{
		margin-right: 0.1em;
	}

	.seclast{
		padding: 15% 0;
	}
	.seclast h3{
		font-size: 2em;
		margin-bottom: 5%;
	}
	.seclast .pop-cover{
		bottom: 0;
		position: fixed;
	}
	.seclast .pop-cover .close{
		right: 4%;
		top: 2.5em;
		width: 2em;
	}
	.seclast .pop-cover .inner{
		font-size: 1.25em;
	}
	.seclast .pop-cover li{
		margin-bottom: 5%;
		padding: 5%;
	}
	.seclast .pop-cover li::before{
		width: 100vh;
		height: 100vh;
		margin-left: -50vh;
		margin-top: -50vh;
	}
	.seclast .pop-cover p{
		padding-right: 3em;
		margin-top: 1.75em;
	}
	.seclast .pop-cover li p{
		padding-right: 0;
	}
	.seclast h4{
		margin-bottom: 2em;
	}

}