/*pc_css*/


@media screen and (min-width:769px){
	
	#info .mainbox{
		height:500px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/info/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#info .mainbox .tlbox{
		font-size:2.5em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 80px 0;
		position: relative;
		text-align: center;
		color:#fff;
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	#info .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
		color:#fff;
	}

	#info .bgbox{
		padding:80px 0 ;
		background:#f4f4f4;
	}
	#info .animationbox{
		margin: 0 0 30px 0;
	}
	#info .bgbox .innerbox{
		width:1200px;
		margin:0 auto 0;
		background:#fff;
		padding:115px 0 115px 0;
	}
	
	
	#info .bgbox .innerbox .animationcont{
		width:980px;
		margin:0 auto;
		display: flex;
		justify-content: space-between;
	    flex-wrap: wrap;
	    
	}
	

	/*anime1*/
	#info .animationbox1{
		width:306px;
		height:306px;
		overflow: hidden;
		position: relative;
		background: -webkit-linear-gradient(rgba(23,78,54,1) 0%, rgba(40,107,69,1) 100%);
		background: -o-linear-gradient(rgba(23,78,54,1) 0%, rgba(40,107,69,1) 100%);
		background: linear-gradient(rgba(23,78,54,1) 0%, rgba(40,107,69,1) 100%); 
	}
	
	#info .animationbox1 .tlbox{
		text-align: center;
		font-size:1.5em;
		color:#fff;
		transition: all 1s;
		padding:30px 0 0 0;
	}
	
	#info .animationbox1 .tx{
		text-align: left;
		font-size:0.9em;
		color:#fff;
		transition: all 1s;
		padding:10px 30px;
		line-height: 1.5em;
	}
	
	#info .animationbox1 .illbox{
		width:120%;
		position: absolute;
		left:50%;
		margin:0 0 0 -65%;
		bottom:-300px;
		transition:all 1s ;
	}
	
	#info .animationbox1.start .illbox{
		width:120%;
		position: absolute;
		left:50%;
		margin:0 0 0 -65%;
		bottom:-100px;
		z-index:1
	}
	
	#info .animationbox1 .countbox{
		padding:30px 25px 0;
		font-size:1.5em;
		position: relative;
		z-index:2;
		color:#fff;
	}
	
	#info .animationbox1 .countbox strong{
		font-size:1.7em;
		font-weight: normal;
	}
	
	#info .animationbox1 .countbox .left{
		float: left;
	}
	
	#info .animationbox1 .countbox .right{
		float: right;
	}
	
	/*anime2*/
	
	#info .animationbox2{
		width:638px;
		height:302px;
		border:2px solid #0d664b;
		background:#eeeeee;
		position: relative;
	}
	
	#info .animationbox2 .tlbox{
		font-size:3em;
		font-weight: 600;
		color:#0d664b;
		padding:20px 0 0 20px;
	}
	
	#info .animationbox2 .tlbox span{
		font-size:2em;
		font-weight: 600;
	}
	
	#info .animationbox2 .tx{
		font-size:1.4em;
		color:#0d664b;
		padding:10px 0 0 20px;
		line-height: 1.5em;
	}
	
	#info .animationbox2 .illbox{
		width:560px;
		position: absolute;
		right:30px;
		bottom:10px;
		opacity:0;
		overflow: hidden;
		transition-timing-function:ease-out;
		transition:all 1s;
	}
	
	#info .animationbox2.start .illbox{
		opacity: 1;
	}
	
	/*anime3*/
	
	#info .animationbox3{
		width:302px;
		height:302px;
		border:2px solid #0d664b;
		background:#eeeeee;
		position: relative;
	}
	
	#info .animationbox3 .inbox{
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
		padding:0 30px;
	}
	
	#info .animationbox3 .subtl{
		font-size:2em;
		color:#0d664b;
		margin:0 0 10px 0;
	}
	
	#info .animationbox3 .tlbox{
		font-size:2.3em;
		font-weight: 600;
		color:#0d664b;
	}
	
	#info .animationbox3 .tlbox span{
		font-size:2.5em;
		font-weight: 600;
	}
	
	#info .animationbox3 .tx{
		font-size:0.9em;
		color:#0d664b;
		line-height: 1.5em;
	}
	
	#info .animationbox3 .illbox{
		width:134px;
		position: absolute;
		right:-10px;
		top:-50px;
		opacity:0;
		transition-timing-function:ease-out;
		transition:all 1s;
	}
	
	#info .animationbox3.start .illbox{
		opacity: 1;
		width:134px;
		position: absolute;
		right:-10px;
		top:-20px;
	}
	
	/*anime4*/
	
	#info .animationbox4{
		width:302px;
		height:302px;
		border:2px solid #0d664b;
		background:#eeeeee;
		position: relative;
		overflow: hidden;
	}
	
	#info .animationbox4 .tlbox{
		font-size:2.3em;
		font-weight: 600;
		color:#0d664b;
		padding:0 0 0 20px;
	}
	
	#info .animationbox4 .tlbox span{
		font-size:1.5em;
		font-weight: 600;
	}
	
	#info .animationbox4 .tlbox span.box2{
		font-size:1.2em;
		font-weight: 600;
	}
	
	#info .animationbox4 .tx{
		font-size:0.8em;
		color:#0d664b;
		padding:20px 50px 20px 20px;
		line-height: 1.5em;
	}
	
	#info .animationbox4 .illbox{
		width:230px;
		position: absolute;
		right:10px;
		bottom:-300px;
		transition-timing-function:ease-out;
		transition:all 1s ;
	}
	
	#info .animationbox4.start .illbox{
		opacity: 1;
		position: absolute;
		bottom:-10px;
	}
	
	/*anime5*/
	#info .animationbox5{
		width: 638px;
		height:306px;
		overflow: hidden;
		position: relative;
		background: -moz-linear-gradient(45deg,  rgba(16,107,100,1) 0%, rgba(8,76,63,1) 100%); 
		background: -webkit-linear-gradient(45deg,  rgba(16,107,100,1) 0%,rgba(8,76,63,1) 100%); 
		background: linear-gradient(45deg,  rgba(16,107,100,1) 0%,rgba(8,76,63,1) 100%); 
	}
	
	#info .animationbox5 .tlbox{
		text-align: center;
		font-size:1.5em;
		color:#fff;
		transition: all 1s;
		padding:30px 0 0 0;
	}
	
	#info .animationbox5 .tx{
		text-align: center;
		font-size:0.8em;
		color:#fff;
		transition: all 1s;
		padding:10px 30px;
		line-height: 1.5em;
	}
	
	#info .animationbox5 .illbox{
		width:100%;
		position: absolute;
		left:0;
		bottom:-300px;
		transition-timing-function:cubic-bezier(.2,1.3,.6,1.27);
		transition:all 1s;
	}
	
	#info .animationbox5.start .illbox{
		width:100%;
		position: absolute;
		left:0;
		bottom:0;
		z-index:1
	}
	
	#info .animationbox5 .huki01{
		position: absolute;
		width: 300px;
		    left: 175px;
		    top: 110px;
		transition:all 0.5s cubic-bezier(0.430, 1.465, 0.915, 1.065);;
		transition-delay: 0.5s;
		transform-origin: bottom left;
		transform: scale(0);
	}
	
	#info .animationbox5.start .huki01{
		transform: scale(1);
	}
	
	#info .animationbox5 .huki02{
		width: 180px;
		position: absolute;
		right: 120px;
	    top: 130px;
		transition:all 0.5s cubic-bezier(0.430, 1.465, 0.915, 1.065);;
		transition-delay: 0.75s;
		transform-origin: bottom right;
		transform: scale(0);
	}
	
	#info .animationbox5.start .huki02{
		transform: scale(1);
	}
	
	/*anime6*/
	#info .animationbox6{
		width:980px;
		height:306px;
		overflow: hidden;
		position: relative;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/info/bg.png") no-repeat;
		background-size:cover;
	}
	
	#info .animationbox6 .txbox{
		position: absolute;
		bottom:30px;
		left:30px;
		color:#fff;
	}
	
	#info .animationbox6 .txbox .subtl{
		font-size:1.7em;
		position: relative;
		top:40px;
	}
	
	#info .animationbox6 .txbox .maintl{
		font-size:4em;
	}
	
	#info .animationbox6 .txbox .maintl span{
		font-size:2em;
	}
	
	#info .animationbox6 .txbox .tx{
		line-height: 1.5em;
		font-size:0.8em;
	}
	
	#info .animationbox6 .huki01{
		width: 190px;
		position: absolute;
		left:230px;
		top:20px;
		transition:all 0.5s cubic-bezier(0.430, 1.465, 0.915, 1.065);;
		transition-delay: 0.5s;
		transform-origin: bottom left;
		transform: scale(0);
	}
	
	#info .animationbox6.start .huki01{
		transform: scale(1);
	}
	
	#info .animationbox6 .huki02{
		width:160px;
		position: absolute;
		left: 430px;
		    top: 120px;
		transition:all 0.5s cubic-bezier(0.430, 1.465, 0.915, 1.065);;
		transition-delay: 0.75s;
		transform-origin: top left;
		transform: scale(0);
	}
	
	#info .animationbox6.start .huki02{
		transform: scale(1);
	}
	
	#info .animationbox6 .huki03{
		width: 150px;
		    position: absolute;
		    left: 590px;
		    top: 20px;
		transition:all 0.5s cubic-bezier(0.430, 1.465, 0.915, 1.065);
		transition-delay: 1s;
		transform-origin: bottom left;
		transform: scale(0);
	}
	
	#info .animationbox6.start .huki03{
		transform: scale(1);
	}
	
	#info .animationbox6 .huki04{
		width:130px;
		position: absolute;
		left: 720px;
		    top: 150px;
		transition:all 0.5s cubic-bezier(0.430, 1.465, 0.915, 1.065);
		transition-delay: 1.25s;
		transform-origin: top left;
		transform: scale(0);
	}
	
	#info .animationbox6.start .huki04{
		transform: scale(1);
	}
	
	#info .animationbox6 .huki05{
		width:130px;
		position: absolute;
		/* left:785px; */
		left: 810px;
		    top: 30px;
		transition:all 0.5s cubic-bezier(0.430, 1.465, 0.915, 1.065);;
		transition-delay: 1.5s;
		transform-origin: bottom left;
		transform: scale(0);
	}
	
	#info .animationbox6.start .huki05{
		transform: scale(1);
	}
	
	/*anime7*/
	
	#info .animationbox7{
		width:642px;
		height:306px;
		background:#09543b;
		position: relative;
		color:#fff;
	}
	
	#info .animationbox7 .bgs{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 500px 300px 0;
		border-color: transparent #257a4a transparent transparent;
		position: absolute;
		top:0;
		right:0;
		z-index: 1;
	}
	
	#info .animationbox7 .subtl{
		font-size:1.5em;
		margin:0 0 20px 0;
		padding:40px 0 20px 40px;
	}
	
	#info .animationbox7 .subtl2{
		font-size:2.5em;
		margin:0 0 10px 40px;
	}
	
	#info .animationbox7 .countbox{
		margin:0 0 10px 40px;
		position: relative;
		z-index:2;
	}
	
	#info .animationbox7 .countbox .count1{
		font-size:3.5em;
		display: inline-block;
	}
	
	#info .animationbox7 .countbox .count1 span{
		font-size:2em;
	}
	
	#info .animationbox7 .countbox .count2{
		font-size:1em;
		display: inline-block;
		margin:0 0 0 30px;
	}
	
	#info .animationbox7 .countbox .count2 span{
		font-size:2em;
	}
	
	#info .animationbox7 .countbox .count2 span.box2{
		font-size:1.6em;
	}
	
	#info .animationbox7 .tx{
		font-size:0.8em;
		position: relative;
		z-index:2;
		padding:0 0 0 40px;
	}
	
	#info .animationbox7 .illbox{
		width:218px;
		position: absolute;
		right:10px;
		top:-80px;
		opacity:0;
		transition-timing-function:ease-out;
		transition:all 1s;
		z-index:2;
	}
	
	#info .animationbox7.start .illbox{
		opacity: 1;
		position: absolute;
		right:10px;
		top:-50px;
	}
	
	/*anime8*/
	#info .animationbox8{
		width:306px;
		height:306px;
		overflow: hidden;
		position: relative;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/info/bg2.png") repeat;
		background-size:cover;
	}
	
	#info .animationbox8 .tlbox{
		text-align: center;
		font-size:2em;
		color:#fff;
		transition: all 1s;
		padding:30px 0 10px 0;
		position: relative;
		z-index: 1;
	}
	
	#info .animationbox8 .tlbox span{
		font-size:2.5em;
	}
	
	#info .animationbox8 .tx{
		text-align: center;
		font-size:0.9em;
		color:#fff;
		transition: all 1s;
		padding:10px 30px;
		line-height: 1.5em;
	
	}
	
	#info .animationbox8 .illbox{
		width: 100%;
		    height: 100%;
		    position: absolute;
		    left: 0;
		    bottom: 0;
		    z-index: 0;
	}
	
	#info .animationbox8.start .illbox{
		width: 100%;
		    height: 100%;
		    position: absolute;
		    left: 0;
		    bottom: 0;
		    z-index: 0;
	}
	#info .animationbox8 .huki01{
		width: 94px;
		position: absolute;
		left: 40px;
		top: 60px;
		transition:all 0.5s cubic-bezier(0.430, 1.465, 0.915, 1.065);;
		transition-delay: 0.5s;
		transform-origin: bottom left;
		transform: scale(0);
	}
	
	#info .animationbox8.start .huki01{
		transform: scale(1);
	}
	
	#info .animationbox8 .huki02{
		width: 94px;
		    position: absolute;
		    right: 30px;
		    top: 60px;
		transition:all 0.5s cubic-bezier(0.430, 1.465, 0.915, 1.065);;
		transition-delay: 0.75s;
		transform-origin: bottom right;
		transform: scale(0);
	}
	
	#info .animationbox8.start .huki02{
		transform: scale(1);
	}
}

/* sp_css */
@media screen and (max-width:768px){
	.header.box2{
		z-index:11;
		position: fixed;
		left:0;
		top:0;
		width:100%;
		min-width: 100%;
		transition: top 0.5s;
	}
	
	.menu{
		display: none;
	}
	
	
	
	
	
	#info .mainbox{
		height:130px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/info/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#info .mainbox .tlbox{
		font-size:2em;
		line-height: 1.7em;
		padding:20px 0 0 0;
		margin:0 0 0 0;
		position: relative;
		text-align: center;
		color:#fff;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	#info .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-20px;
		color:#fff;
	}

	#info .bgbox{
		padding:40px 0 ;
		background:#f4f4f4;
	}
	
	#info .bgbox .innerbox{
		width:100%;
		margin:0 auto 0;
		background:#fff;
		padding:40px 0 40px 0;
	}
	
	
	#info .bgbox .innerbox .animationcont{
		width:306px;
		margin:0 auto;
	}
	
	/*anime1*/
	#info .animationbox1{
		width:306px;
		height:306px;
		overflow: hidden;
		position: relative;
		float: left;
		background: -webkit-linear-gradient(rgba(23,78,54,1) 0%, rgba(40,107,69,1) 100%);
		background: -o-linear-gradient(rgba(23,78,54,1) 0%, rgba(40,107,69,1) 100%);
		background: linear-gradient(rgba(23,78,54,1) 0%, rgba(40,107,69,1) 100%); 
	}
	
	#info .animationbox1 .tlbox{
		text-align: center;
		font-size:1.5em;
		color:#fff;
		transition: all 1s;
		padding:30px 0 0 0;
	}
	
	#info .animationbox1 .tx{
		text-align: left;
		font-size:0.9em;
		color:#fff;
		transition: all 1s;
		padding:10px 30px;
		line-height: 1.5em;
	}
	
	#info .animationbox1 .illbox{
		width:120%;
		position: absolute;
		left:50%;
		margin:0 0 0 -65%;
		bottom:-300px;
		transition:all 1s ;
	}
	
	#info .animationbox1.start .illbox{
		width:120%;
		position: absolute;
		left:50%;
		margin:0 0 0 -65%;
		bottom:-100px;
		z-index:1
	}
	
	#info .animationbox1 .countbox{
		padding:30px 25px 0;
		font-size:1.5em;
		position: relative;
		z-index:2;
		color:#fff;
	}
	
	#info .animationbox1 .countbox strong{
		font-size:1.7em;
		font-weight: normal;
	}
	
	#info .animationbox1 .countbox .left{
		float: left;
	}
	
	#info .animationbox1 .countbox .right{
		float: right;
	}
	
	/*anime2*/
	
	#info .animationbox2{
		width:302px;
		height:302px;
		border:2px solid #0d664b;
		margin:30px 0 0 0;
		float: left;
		background:#eeeeee;
		position: relative;
	}
	
	#info .animationbox2 .tlbox{
		font-size:2em;
		font-weight: 600;
		color:#0d664b;
		padding:20px 0 0 20px;
	}
	
	#info .animationbox2 .tlbox span{
		font-size:2em;
		font-weight: 600;
	}
	
	#info .animationbox2 .tx{
		font-size:1.4em;
		color:#0d664b;
		padding:10px 0 0 20px;
		line-height: 1.5em;
	}
	
	#info .animationbox2 .illbox{
		width:90%;
		position: absolute;
		right:20px;
		bottom:10px;
		opacity:0;
		overflow: hidden;
		transition-timing-function:ease-out;
		transition:all 1s;
	}
	
	#info .animationbox2.start .illbox{
		opacity: 1;
	}
	
	/*anime3*/
	
	#info .animationbox3{
		width:302px;
		height:302px;
		border:2px solid #0d664b;
		margin:30px 0 0 0;
		float: left;
		background:#eeeeee;
		position: relative;
	}
	
	#info .animationbox3 .inbox{
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
		padding:0 30px;
	}
	
	#info .animationbox3 .subtl{
		font-size:2em;
		color:#0d664b;
		margin:0 0 10px 0;
	}
	
	#info .animationbox3 .tlbox{
		font-size:2.3em;
		font-weight: 600;
		color:#0d664b;
	}
	
	#info .animationbox3 .tlbox span{
		font-size:2.5em;
		font-weight: 600;
	}
	
	#info .animationbox3 .tx{
		font-size:0.9em;
		color:#0d664b;
		line-height: 1.5em;
	}
	
	#info .animationbox3 .illbox{
		width:134px;
		position: absolute;
		right:-10px;
		top:-50px;
		opacity:0;
		transition-timing-function:ease-out;
		transition:all 1s;
	}
	
	#info .animationbox3.start .illbox{
		opacity: 1;
		width:134px;
		position: absolute;
		right:-10px;
		top:-20px;
	}
	
	/*anime4*/
	
	#info .animationbox4{
		width:302px;
		height:302px;
		border:2px solid #0d664b;
		margin:30px 0 0 0;
		float: left;
		background:#eeeeee;
		position: relative;
		overflow: hidden;
	}
	
	#info .animationbox4 .tlbox{
		font-size:2.3em;
		font-weight: 600;
		color:#0d664b;
		padding:0 0 0 20px;
	}
	
	#info .animationbox4 .tlbox span{
		font-size:1.5em;
		font-weight: 600;
	}
	
	#info .animationbox4 .tlbox span.box2{
		font-size:1.2em;
		font-weight: 600;
	}
	
	#info .animationbox4 .tx{
		font-size:0.8em;
		color:#0d664b;
		padding:20px 50px 20px 20px;
		line-height: 1.5em;
	}
	
	#info .animationbox4 .illbox{
		width:230px;
		position: absolute;
		right:10px;
		bottom:-300px;
		transition-timing-function:ease-out;
		transition:all 1s ;
	}
	
	#info .animationbox4.start .illbox{
		opacity: 1;
		position: absolute;
		bottom:-10px;
	}
	
	/*anime5*/
	#info .animationbox5{
		width:306px;
		height:306px;
		margin:30px 0 0 0;
		overflow: hidden;
		position: relative;
		float: left;	
		background: -moz-linear-gradient(45deg,  rgba(16,107,100,1) 0%, rgba(8,76,63,1) 100%); 
		background: -webkit-linear-gradient(45deg,  rgba(16,107,100,1) 0%,rgba(8,76,63,1) 100%); 
		background: linear-gradient(45deg,  rgba(16,107,100,1) 0%,rgba(8,76,63,1) 100%); 
	}
	
	#info .animationbox5 .tlbox{
		text-align: center;
		font-size:1.5em;
		color:#fff;
		transition: all 1s;
		padding:30px 0 0 0;
	}
	
	#info .animationbox5 .tx{
		text-align: left;
		font-size:0.8em;
		color:#fff;
		transition: all 1s;
		padding:10px 30px;
		line-height: 1.5em;
	}
	
	#info .animationbox5 .illbox{
		width:100%;
		position: absolute;
		left:0;
		bottom:-300px;
		transition-timing-function:cubic-bezier(.2,1.3,.6,1.27);
		transition:all 1s;
	}
	
	#info .animationbox5.start .illbox{
		width:100%;
		position: absolute;
		left:0;
		bottom:0;
		z-index:1
	}
	
	#info .animationbox5 .huki01{
		width: 190px;
		    position: absolute;
		    left: 60px;
		    top: 130px;
		transition:all 0.5s cubic-bezier(0.430, 1.465, 0.915, 1.065);;
		transition-delay: 0.5s;
		transform-origin: bottom left;
		transform: scale(0);
	}
	
	#info .animationbox5.start .huki01{
		transform: scale(1);
	}
	
	#info .animationbox5 .huki02{
		width: 114px;
		    position: absolute;
		    right: 60px;
		    top: 180px;
		transition:all 0.5s cubic-bezier(0.430, 1.465, 0.915, 1.065);
		transition-delay: 0.75s;
		transform-origin: bottom right;
		transform: scale(0);
	}
	
	#info .animationbox5.start .huki02{
		transform: scale(1);
	}
	
	/*anime6*/
	#info .animationbox6{
		padding: 0px 20px 30px;
	    box-sizing: border-box;
		width:306px;
		margin:30px 0 0 0;
		float: left;
		overflow: hidden;
		position: relative;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/info/bg.png") no-repeat;
		background-size:cover;
	}
	
	#info .animationbox6 .txbox{
		position: relative;
		color:#fff;
	}
	
	#info .animationbox6 .txbox .subtl{
		font-size:1.7em;
		position: relative;
		top:40px;
		margin:0 0 0 -50px;
		text-align: center;
	}
	
	#info .animationbox6 .txbox .maintl{
		font-size:4em;
		text-align: center;
	}
	
	#info .animationbox6 .txbox .maintl span{
		font-size:2em;
	}
	
	#info .animationbox6 .txbox .tx{
		line-height: 1.5em;
		font-size:0.8em;
		text-align: center;
	}
	
	#info .animationbox6 .huki01,
	#info .animationbox6 .huki02,
	#info .animationbox6 .huki03,
	#info .animationbox6 .huki04,
	#info .animationbox6 .huki05{
		
		transition:all 0.5s cubic-bezier(0.430, 1.465, 0.915, 1.065);	
		transform: scale(0);
		margin-bottom: -10px;
	}
	
	#info .animationbox6.start .huki01,
	#info .animationbox6.start .huki02,
	#info .animationbox6.start .huki03,
	#info .animationbox6.start .huki04,
	#info .animationbox6.start .huki05{
		transform: scale(1);
		overflow: hidden;
		border-radius: 50%;
		border: 1px solid #fff;
		background: #fff;
		
	}
	
	#info .animationbox6 .huki01{
		width:180px;
		transform-origin: bottom left;
		transition-delay: 0.5s;
	}
	
	
	#info .animationbox6 .huki02{
		width:160px;
		margin-left: auto;
		transition-delay: 0.75s;
		transform-origin: top left;
	}
	
	#info .animationbox6 .huki03{
		width:150px;
		transition-delay: 1s;
		transform-origin: bottom left;
	}

	#info .animationbox6 .huki04{
		width:140px;
		margin-left: auto;
		transition-delay: 1.25s;
		transform-origin: top left;
		}
	
	#info .animationbox6 .huki05{
		width:130px;
		transition-delay: 1.5s;
		transform-origin: bottom left;
	}
	
	
	/*anime7*/
	
	#info .animationbox7{
		width:306px;
		height:306px;
		margin:30px 0 0 0;
		float: left;
		background:#09543b;
		position: relative;
		color:#fff;
	}
	
	#info .animationbox7 .bgs{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 300px 300px 0;
		border-color: transparent #257a4a transparent transparent;
		position: absolute;
		top:0;
		right:0;
		z-index: -1;
	}
	
	#info .animationbox7 .subtl{
		font-size:1.5em;
		margin:0 0 20px 0;
		padding:40px 0 20px 40px;
	}
	
	#info .animationbox7 .subtl2{
		font-size:2.5em;
		margin:0 0 10px 40px;
	}
	
	#info .animationbox7 .countbox{
		margin:0 0 10px 40px;
		position: relative;
		z-index:2;
	}
	
	#info .animationbox7 .countbox .count1{
		font-size:2.5em;
		display: inline-block;
	}
	
	#info .animationbox7 .countbox .count1 span{
		font-size:2em;
	}
	
	#info .animationbox7 .countbox .count2{
		font-size:1em;
		display: inline-block;
		margin:0 0 0 0;
	}
	
	#info .animationbox7 .countbox .count2 span{
		font-size:2em;
	}
	
	#info .animationbox7 .countbox .count2 span.box2{
		font-size:1.6em;
	}
	
	#info .animationbox7 .tx{
		font-size:0.8em;
		position: relative;
		z-index:2;
		padding:0 40px 0 40px;
		line-height: 1.5em;
	}
	
	#info .animationbox7 .illbox{
		width:130px;
		position: absolute;
		right:10px;
		top:-80px;
		opacity:0;
		transition-timing-function:ease-out;
		transition:all 1s;
		z-index:2;
	}
	
	#info .animationbox7.start .illbox{
		opacity: 1;
		position: absolute;
		right:10px;
		top:-50px;
	}
	
	/*anime8*/
	#info .animationbox8{
		width:306px;
		height:306px;
		overflow: hidden;
		position: relative;
		background-size:cover;
		margin: 30px 0 0 0;
		    float: left;
	}
	
	#info .animationbox8 .tlbox{
		text-align: center;
		font-size:2em;
		color:#fff;
		transition: all 1s;
		padding:30px 0 10px 0;
		position: relative;
		z-index: 1;
	}
	
	#info .animationbox8 .tlbox span{
		font-size:2.5em;
	}
	
	#info .animationbox8 .tx{
		text-align: center;
		font-size:0.9em;
		color:#fff;
		transition: all 1s;
		padding:10px 30px;
		line-height: 1.5em;
	
	}
	
	#info .animationbox8 .illbox{
		width: 100%;
		    height: 100%;
		    position: absolute;
		    left: 0;
		    bottom: 0;
		    z-index: 0;
	}
	
	#info .animationbox8.start .illbox{
		width: 100%;
		    height: 100%;
		    position: absolute;
		    left: 0;
		    bottom: 0;
		    z-index: 0;
	}
	#info .animationbox8 .huki01{
		width: 94px;
		position: absolute;
		left: 40px;
		top: 60px;
		transition:all 0.5s cubic-bezier(0.430, 1.465, 0.915, 1.065);
		transition-delay: 0.5s;
		transform-origin: bottom left;
		transform: scale(0);
	}
	
	#info .animationbox8.start .huki01{
		transform: scale(1);
	}
	
	#info .animationbox8 .huki02{
		width: 94px;
		    position: absolute;
		    right: 30px;
		    top: 60px;
		transition:all 0.5s cubic-bezier(0.430, 1.465, 0.915, 1.065);
		transition-delay: 0.75s;
		transform-origin: bottom right;
		transform: scale(0);
	}
	
	#info .animationbox8.start .huki02{
		transform: scale(1);
	}
}