/*loading*/
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#fff;}
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#fff;stroke-width:20;stroke-miterlimit:10;}

/*pc_css*/
@media screen and (min-width:769px){
	
	body#index{
		overflow: hidden;
	}
	
	#index .loadingbg{
		position: fixed;
		width:100%;
		height:100%;
		top:0;
		left:0;
		z-index:12;
		background: -webkit-linear-gradient(top left, rgba(0,81,66,1) 0%, rgba(0,53,43,1) 100%);
		background: -o-linear-gradient(top left, rgba(0,81,66,1) 0%, rgba(0,53,43,1) 100%);
		background: linear-gradient(to bottom right, rgba(0,81,66,1) 0%, rgba(0,53,43,1) 100%);
		transition: all 1s;
		visibility: visible;
		
	}
	
	#index .loadingbg.active{
		visibility: hidden;
		opacity:0;
		
	}
	
	#index .loading{
		position: absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		z-index:13;
		text-align: center;
		pointer-events: none;
	}
	
	#index .svgall{
		position: relative;
  		top: 50%;
		width:1140px;
		margin:50px 0 0 50px;
		display: inline-block;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	#index .logobox{
		width:320px;
		padding:18px 0 0 0;
		margin:0 0 0 -50px;
		position:relative;
		z-index:4;
		display: inline-block;
		
	}
	
	#index .logobox.active{
		opacity: 0;
	}
	
	/*slide*/
	#index .slidecontainer{
		position: relative;
		width:100%;
		height:calc(100vh);
	}
	
	#index .slidecontainer .phbox{
		height:calc(100vh);
	}
	
	#index .slidecontainer .slick-slide.phbox img {
  		display:inline-block;
  		z-index: 2;
  		opacity: 0;
  		transition: 1.5s ease;
		transform: scale(1.1);

	}
	
	#index .slidecontainer .slick-current.phbox img {
  		opacity: 1;
  		transition-delay: 0.5s;
		transform: scale(1);
	}
	
	#index .slidecontainer .masktext{
		position: absolute;
		text-align: center;
		top:50%;
		width:100%;
		margin:150px 0 0 0;
	}
	
	#index .slidecontainer .masktext .intx{
		position: relative;
		font-size:2.3em;
		color:#fff;
		display: inline-block;
	}
	
	#index .slidecontainer .masktext .intx span{
		position: relative;
		z-index:2;
	}
	
	#index .slidecontainer .masktext .intx .maskbg{
		position: absolute;
		top:10px;
		left:25px;
		width:350px;
		z-index:1;
	}
	
	#index .slidecontainer .masktext .intx .maskbg img{
		width:100%;
	}
	
	/*newsbox*/
	#index .newsbox{
		opacity: 0;
		transition: ease-in-out 0.2s;
		width:1200px;
		margin:-47.5px auto 0;
		background:#000;
		height:95px;
		position: relative;
		z-index:0;
		color:#fff;
		text-align: center;
	}
	#index .newsbox.active{
		opacity: 1;
	}

	
	#index .newsbox .inbox{
		position: absolute;
		right: 18%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		display: inline-block;
		
		
	}
	
	
	#index .newsbox .inbox .tlbox{
		width:130px;
		float: left;
		text-align: left;
	}

	#index .newsbox .inbox .slidenews .txbox a{
		color: #fff;
		text-decoration: underline;
		outline: none;
	}
	#index .newsbox .inbox .slidenews{
		width: 550px;
		float: left;
		overflow: hidden;
		text-align: left;
		position: relative;
	}
	
	#index .newsbox .inbox .slidenews:after{
		content: "";
		width:50px;
		height:100%;
		position: absolute;
		top:0;
		right:0;
		background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 35%, rgba(0,0,0,1) 100%); 
		background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 35%,rgba(0,0,0,1) 100%); 
		background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 35%,rgba(0,0,0,1) 100%); 
	}
	
	#index .newsbox .inbox .slick-counter{
		float: left;
		margin: 0 0 0 30px;
		letter-spacing: 0.2rem;
		position: relative;
	}
	span.slick-counter__lang.slick-arrow {
	    position: absolute;
	    left: -1.5em;
	    cursor: pointer;
		 transition: ease-in-out .2s;
		 padding: 0 10px;
	}
	span.slick-counter__lang.slick-arrow:hover{
		transform: translateX(-5px);
	}

	span.slick-counter__rang.slick-arrow {
	    position: absolute;
	    right: -1.5em;
		 cursor: pointer;
		 transition: ease-in-out .2s;
		 		 padding: 0 10px;

	}
	span.slick-counter__rang.slick-arrow:hover{
		transform: translateX(5px);
	}
		
		
		#index .newsbox .inbox .slick-counter span.current,
		#index .newsbox .inbox .slick-counter span.total{
			font-size: 90%;
		}



	/*cont1*/
	#index .cont1{
		padding:95px 0 150px 0;
	}
	
	#index .cont1 .subtl{
		text-align: center;
		font-size:0.9em;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		margin:0 0 50px 0;
	}
	
	#index .cont1 .maintl{
		width:615px;
		margin:0 auto 50px;
		padding:0 0 30px 0;
		position: relative;
	}
	
	#index .cont1 .maintl img{
		width:100%;
	}
	
	#index .cont1 .maintl:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
	#index .cont1 .txbox{
		line-height: 2.3em;
		font-size:1.2em;
		font-weight: 300;
		text-align: center;
		margin:0 0 80px 0;
	}
	
	/*linkbtn*/
	#index .linkbtn{
		width:345px;
		text-align: center;
		background: -webkit-linear-gradient(left, #000000 0%, #07483f 100%);
        background: -o-linear-gradient(left, #000000 0%, #07483f 100%);
        background: linear-gradient(to right, #000000 0%, #07483f 100%);
		padding:28px 0;
		color:#fff;
		font-size:0.8em;
		font-style: italic;
		font-weight: 600;
		display: inline-block;
		letter-spacing: 0.2em;
		transition: all 0.5s;
		position: relative;
	}
	
	#index .linkbtn.box2{
		width:235px;
	}
	
	#index .linkbtn .bg{
		width:100%;
		height:100%;
		background:#fff;
		box-sizing: border-box;
		border:1px solid #000;
		position: absolute;
		top:0;
		left:0;
		opacity: 0;
		z-index:1;
		transition: opacity 0.5s;
	}
	
	#index .linkbtn:hover .bg{
		opacity: 1;
	}
	
	#index .linkbtn span{
		display: inline-block;
		position: relative;
		z-index:2;
		transition: color 0.5s;
	}
	
	#index .linkbtn:hover span{
		color:#000;
	}
	
	/*fixbg*/
	#index .fixbg{
		height:475px;
		width:100%;
		margin:0 0 150px 0;
	}
	
	#index .fixbg.box1{
		background:url(https://recruit.bigtreetc.com/newgrads/common/images/index/fix_bg01.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 50%;
	}
	
	#index .fixbg.box2{
		background:url(https://recruit.bigtreetc.com/newgrads/common/images/index/fix_bg02.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 50%;
	}
	
	/*cont2*/
	#index .cont2{
		padding:0 0 150px 0;
	}
	
	#index .cont2 .leftbox{
		width:50%;
		float: left;
		box-sizing: border-box;
		padding:50px 50px 0 0;
		text-align: right;
	}
	
	#index .cont2 .leftbox .illbox{
		width:510px;
		display: inline-block;
	}
	
	#index .cont2 .leftbox .illbox img{
		width:100%;
	}
	
	#index .cont2 .rightbox{
		padding:0 110px 0 65px;
		width:50%;
		float: right;
		box-sizing: border-box;
	}
	
	#index .cont2 .rightbox .tlbox{
		font-size:2.6em;
		line-height: 1.7em;
		padding:0 0 30px 0;
		margin:0 0 40px 0;
		position: relative;
	}

	#index .cont2 .rightbox .tlbox span{
		font-size:0.9rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
	}
	
	#index .cont2 .rightbox .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:0;
		bottom:0;
	}
	
	#index .cont2 .rightbox .txbox{
		line-height: 2.2em;
		margin:0 0 40px 0;
	}
	
	/*cont3*/
	#index .cont3{
		margin:0 0 95px 0;
	}
	
	#index .cont3 .leftbox{
		height:900px;
		width:calc(50% - 270px);
		float: left;
		padding:0 95px 0 175px;
	}
	
	#index .cont3 .leftbox .inbox{
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	#index .cont3 .leftbox .tlbox{
		font-size:2.6em;
		line-height: 1.7em;
		padding:0 0 20px 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#index .cont3 .leftbox .tlbox span{
		font-size:0.9rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
	}
	
	#index .cont3 .leftbox .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
	#index .cont3 .leftbox .txbox{
		line-height: 2.2em;
		margin:0 0 40px 0;
		text-align: center;
	}
	
	#index .cont3 .rightbox{
		height:900px;
		width:50%;
		float: right;
	}
	
	#index .cont3 .rightbox .phbox{
		width:100%;
		height: 900px;
		line-height: 0;
	}
	
	/*cont4*/
	#index .cont4{
		margin:0 0 85px 0;
	}
	
	#index .cont4 .leftbox{
		width:calc(50% + 95px);
		float: left;
	}
	
	#index .cont4 .leftbox .phbox{
		width:100%;
		height:360px;
		line-height: 0;
	}
	
	#index .cont4 .leftbox .inbox{
		padding:75px 0 0 150px;
	}
	
	#index .cont4 .rightbox{
		width:calc(50% - 95px);
		float: left;
		height:575px;
		margin:360px 0 0 0;
	}
	
	#index .cont4 .rightbox .phbox{
		width:50%;
		height:575px;
		line-height: 0;
		float: left;
	}
	
	#index .cont4 .rightbox .floatbox{
		width:50%;
		height:575px;
		float: left;
	}
	
	#index .cont4 .rightbox .inbox{
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
		left:-30px;
	}
	
	#index .cont4 .tlbox{
		font-size:2.6em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: left;
	}
	
	#index .cont4 .tlbox span{
		font-size:0.9rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-30px;
	}
	
	#index .cont4 .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:0;
		margin:0 0 0 0;
		bottom:0;
	}
	
	#index .cont4 .txbox{
		line-height: 2.2em;
		margin:0 0 40px 0;
		text-align: left;
	}
	
	/*cont5*/
	#index .cont5{
		width:1200px;
		margin:0 auto 200px;
	}
	
	#index .cont5 .inbox{
		padding:0 50px 30px;
	}
	
	#index .cont5 .tlbox{
		font-size:2.6em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: left;
	}
	
	#index .cont5 .tlbox span{
		font-size:0.9rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-30px;
	}
	
	#index .cont5 .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:0;
		margin:0 0 0 0;
		bottom:0;
	}
	
	#index .cont5 .txbox{
		line-height: 2.2em;
		margin:0 0 40px 0;
		text-align: left;
	}
	
	#index .cont5 ul{
		width:100%;
		margin:0 0 80px 0;
		list-style: none;
	}
	
	#index .cont5 ul li{
		width:25%;
		float: left;
	}
	
	#index .cont5 ul li a{
		display: block;
		color:#000;
	}
	
	#index .cont5 ul li a img{
		transition: all 0.5s;
		transform: scale(1);
	}
	
	#index .cont5 ul li a:hover img{
		transform: scale(1.05);
	}
	
	#index .cont5 ul li .phbox{
		width:100%;
		/* height:420px; */
		height: 200px;
		line-height: 0;
	}
	
	#index .cont5 ul li .namebox{
		padding:15px 0 0 0;
		text-align: center;
	}
	
	#index .cont5 ul li .namebox .year{
		font-size:0.9em;
	}
	
	#index .cont5 ul li .namebox .year span{
		color:#fff;
		font-size:0.8em;
		background:#000;
		padding:2px;
		margin:0 10px 0 0;
	}
	
	#index .cont5 ul li .namebox .name{
		font-size:1.5em;
		padding:15px 0;
	}
	
	/*cont6*/
	#index .cont6{
		width:1200px;
		margin:0 auto 160px;
	}
	
	#index .cont6 .tlbox{
		font-size:2.6em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: left;
	}
	
	#index .cont6 .tlbox span{
		font-size:0.9rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-30px;
	}
	
	#index .cont6 .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:0;
		margin:0 0 0 0;
		bottom:0;
	}
	
	#index .cont6 .tlbox.box2{
		text-align: center;
		margin:0 0 80px 0;
	}
	
	#index .cont6 .tlbox.box2:after{
		display: none;
	}
	
	#index .cont6 .txbox{
		line-height: 2.2em;
		margin:0 0 40px 0;
		text-align: left;
	}
	
	#index .cont6 .floatbox{
		width:50%;
		float: left;
	}
	
	#index .cont6 .floatbox.box2{
		margin:135px 0 0 0;
	}
	
	#index .cont6 .floatbox2{
		width:calc(100% - 360px);
		float: left;
		height:525px;
	}
	
	#index .cont6 .floatbox2 .inbox{
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
		z-index:2;
	}
	
	#index .cont6 .floatbox .phbox{
		width:360px;
		height:525px;
		float: right;
	}
	
	#index .cont6 .floatbox .po1{
		position: relative;
		left:-30px;
		z-index:1;
	}
	
	#index .cont6 .floatbox .po2{
		position: relative;
		left:30px;
		z-index:1;
	}

	#index .cont6 .bnr_note {
		padding-top: 75px;
	}

	/*cont7*/
	#index .cont7{
		width:1200px;
		margin:0 auto 160px;
	}
	
	#index .cont7 .tlbox{
		font-size:2.6em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#index .cont7 .tlbox span{
		font-size:0.9rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-30px;
	}
}

@media screen and (max-width:768px){
	
	body#index{
		overflow: hidden;
	}
	
	#index .loadingbg{
		position: fixed;
		width:100%;
		height:100%;
		top:0;
		left:0;
		z-index:12;
		background: -webkit-linear-gradient(top left, rgba(0,81,66,1) 0%, rgba(0,53,43,1) 100%);
		background: -o-linear-gradient(top left, rgba(0,81,66,1) 0%, rgba(0,53,43,1) 100%);
		background: linear-gradient(to bottom right, rgba(0,81,66,1) 0%, rgba(0,53,43,1) 100%);
		transition: all 1s;
		visibility: visible;
	}
	
	#index .loadingbg.active{
		visibility: hidden;
		opacity:0;
		
	}
	
	#index .loading{
		position: absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		z-index:13;
		text-align: center;
		pointer-events: none;
	}
	
	#index .svgall{
		position: relative;
  		top: 50%;
		width:90%;
		margin:0 0 0 0;
		display: inline-block;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	#index .logobox{
		width:250px;
		padding:18px 0 0 0;
		margin:0 0 0 0;
		position:relative;
		z-index:4;
		display: inline-block;
		
	}
	
	#index .logobox.active{
		opacity: 0;
	}
	
	/*slide*/
	#index .slidecontainer{
		position: relative;
		width:100%;
		height:calc(100vh);
	}
	
	#index .slidecontainer .phbox{
		height:calc(100vh);
	}
	
	#index .slidecontainer .slick-slide.phbox img {
  		display:inline-block;
  		z-index: 2;
  		opacity: 0;
  		transition: 1.5s ease;
		transform: scale(1.1);

	}
	
	#index .slidecontainer .slick-current.phbox img {
  		opacity: 1;
  		transition-delay: 0.5s;
		transform: scale(1);
	}
	
	#index .slidecontainer .masktext{
		position: absolute;
		text-align: center;
		top:50%;
		width:100%;
		margin:80px 0 0 0;
	}
	
	#index .slidecontainer .masktext .intx{
		position: relative;
		font-size:1.5em;
		color:#fff;
		display: inline-block;
	}
	
	#index .slidecontainer .masktext .intx span{
		position: relative;
		z-index:2;
	}
	
	#index .slidecontainer .masktext .intx .maskbg{
		position: absolute;
		top:10px;
		left:25px;
		width:200px;
		z-index:1;
	}
	
	#index .slidecontainer .masktext .intx .maskbg img{
		width:100%;
	}
	
	/*newsbox*/
	#index .newsbox{
		opacity: 0;
		transition: ease-in-out 0.2s;
		width:calc(100% - 10%);
		margin:-27.5px auto 0;
		background:#000;
		height:55px;
		position: relative;
		z-index:0;
		padding:0 5%;
		color:#fff;
		text-align: center;
	}
	#index .newsbox.active{
		opacity: 1;
	}

	
	#index .newsbox .inbox{
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
		display: block;
	}
	
	#index .newsbox .inbox .tlbox{
		width: 80px;
		float: left;
		text-align: left;
		font-size: 11px;
	}
	
	#index .newsbox .inbox .slidenews{
/* 		width:180px; */
		width: calc(100% - 90px);
		float: left;
		text-align: left;
		overflow: hidden;
		position: relative;
	}
	
	#index .newsbox .inbox .slidenews:after{
		content: "";
		width:50px;
		height:100%;
		position: absolute;
		top:0;
		right:0;
		background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 35%, rgba(0,0,0,1) 100%); 
		background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 35%,rgba(0,0,0,1) 100%); 
		background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 35%,rgba(0,0,0,1) 100%); 
		display: none;
	}
	
	#index .newsbox .inbox .slidenews .txbox{
		width:100%;
		white-space: nowrap !important;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 12px;
		line-height: 1.1;
		padding-left: 10px;
	}
	#index .newsbox .inbox .slidenews .txbox a{
		color: #fff;
		text-decoration: underline;
		outline: none;
	}

	
	#index .newsbox .inbox .slick-counter{
		float: left;
		margin:0 0 0 30px;
		display: none;
		letter-spacing: 0.2rem;
	}
	
		
		#index .newsbox .inbox .slick-counter span.current,
		#index .newsbox .inbox .slick-counter span.total{
			font-size: 90% !important;
		}
	
	/*cont1*/
	#index .cont1{
		padding:60px 0 75px 0;
		width:90%;
		margin:0 auto;
	}
	
	#index .cont1 .subtl{
		text-align: center;
		font-size:0.9em;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		margin:0 0 50px 0;
	}
	
	#index .cont1 .maintl{
		width:250px;
		margin:0 auto 50px;
		padding:0 0 30px 0;
		position: relative;
	}
	
	#index .cont1 .maintl img{
		width:100%;
	}
	
	#index .cont1 .maintl:after{
		content: "";
		width:35px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:50%;
		margin:0 0 0 -17px;
		bottom:0;
	}
	
	#index .cont1 .txbox{
		line-height: 2.3em;
		font-size:1.2em;
		font-weight: 300;
		text-align: left;
		margin:0 0 50px 0;
	}
	
	/*linkbtn*/
	#index .linkbtn{
		width:100%;
		text-align: center;
		background: -webkit-linear-gradient(left, #000000 0%, #07483f 100%);
        background: -o-linear-gradient(left, #000000 0%, #07483f 100%);
        background: linear-gradient(to right, #000000 0%, #07483f 100%);
		padding:25px 0;
		color:#fff;
		font-size:0.8em;
		font-style: italic;
		font-weight: 600;
		display: inline-block;
		letter-spacing: 0.2em;
		transition: all 0.5s;
		position: relative;
	}
	
	#index .linkbtn.box2{
		width:100%;
	}
	
	#index .linkbtn .bg{
		width:100%;
		height:100%;
		background:#fff;
		box-sizing: border-box;
		border:1px solid #000;
		position: absolute;
		top:0;
		left:0;
		opacity: 0;
		z-index:1;
		transition: opacity 0.5s;
	}
	
	#index .linkbtn:hover .bg{
		opacity: 1;
	}
	
	#index .linkbtn span{
		display: inline-block;
		position: relative;
		z-index:2;
		transition: color 0.5s;
	}
	
	#index .linkbtn:hover span{
		color:#000;
	}
	
	/*fixbg*/
	#index .fixbg{
		height:30vh;
		width:100%;
		margin:0 0 40px 0;
	}
	
	#index .fixbg.box1{
		background:url(https://recruit.bigtreetc.com/newgrads/common/images/index/fix_bg01.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 50%;
	}
	
	#index .fixbg.box2{
		background:url(https://recruit.bigtreetc.com/newgrads/common/images/index/fix_bg02.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 50%;
	}
	
	/*cont2*/
	#index .cont2{
		padding:0 0 50px 0;
		width:90%;
		margin:0 auto;
	}
	
	#index .cont2 .leftbox{
		width:100%;
		float: left;
		box-sizing: border-box;
		padding:0 0 0 0;
		text-align: center;
	}
	
	#index .cont2 .leftbox .illbox{
		width:300px;
		display: inline-block;
	}
	
	#index .cont2 .leftbox .illbox img{
		width:100%;
	}
	
	#index .cont2 .rightbox{
		padding:40px 0 0 0;
		width:100%;
		float: left;
		box-sizing: border-box;
	}
	
	#index .cont2 .rightbox .tlbox{
		font-size:1.7em;
		line-height: 1.7em;
		padding:0 0 30px 0;
		margin:0 0 40px 0;
		position: relative;
	}

	#index .cont2 .rightbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
	}
	
	#index .cont2 .rightbox .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:0;
		bottom:0;
	}
	
	#index .cont2 .rightbox .txbox{
		line-height: 2.2em;
		margin:0 0 40px 0;
	}
	
	/*cont3*/
	#index .cont3{
		margin:0 0 50px 0;
	}
	
	#index .cont3 .leftbox{
		height:auto;
		width:calc(90%);
		float: none;
		margin:0 auto;
	}
	
	#index .cont3 .leftbox .inbox{
		position: relative;
	}
	
	#index .cont3 .leftbox .tlbox{
		font-size:1.7em;
		line-height: 1.7em;
		padding:20px 0 20px 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: left;
	}
	
	#index .cont3 .leftbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
	}
	
	#index .cont3 .leftbox .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:0;
		bottom:0;
	}
	
	#index .cont3 .leftbox .txbox{
		line-height: 2.2em;
		margin:0 0 40px 0;
		text-align: left;
	}
	
	#index .cont3 .rightbox{
		height:300px;
		width:100%;
		float: none;
	}
	
	#index .cont3 .rightbox .phbox{
		width:100%;
		height: 300px;
		line-height: 0;
	}
	
	/*cont4*/
	#index .cont4{
		margin:0 0 50px 0;
	}
	
	#index .cont4 .leftbox{
		width:calc(100% - 5%);
		float: left;
	}
	
	#index .cont4 .leftbox .phbox{
		width:100%;
		height:250px;
		line-height: 0;
	}
	
	#index .cont4 .leftbox .inbox{
		padding:20px 0 0 5%;
	}
	
	#index .cont4 .rightbox{
		width:calc(100%);
		float: right;
		height:350px;
		margin:50px 0 0 0;
	}
	
	#index .cont4 .rightbox .phbox{
		width:50%;
		height:350px;
		line-height: 0;
		float: right;
	}
	
	#index .cont4 .rightbox .floatbox{
		width:60%;
		float: left;
		margin:-250px 0 0 0;
	}
	
	#index .cont4 .rightbox .inbox{
		position: relative;
		left:10%;
	}
	
	#index .cont4 .tlbox{
		font-size:1.7em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: left;
	}
	
	#index .cont4 .tlbox span{
		font-size:0.9rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-10px;
	}
	
	#index .cont4 .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:0;
		margin:0 0 0 0;
		bottom:0;
	}
	
	#index .cont4 .txbox{
		line-height: 2.2em;
		margin:0 0 40px 0;
		text-align: left;
	}
	
	/*cont5*/
	#index .cont5{
		width:90%;
		margin:0 auto 80px;
	}
	
	#index .cont5 .inbox{
		padding:0 5% 0;
	}
	
	#index .cont5 .tlbox{
		font-size:1.7em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#index .cont5 .tlbox span{
		font-size:0.9rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-10px;
	}
	
	#index .cont5 .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
	#index .cont5 .txbox{
		line-height: 2.2em;
		margin:0 0 40px 0;
		text-align: left;
	}
	
	#index .cont5 ul{
		width:100%;
		margin:0 0 40px 0;
		list-style: none;
	}
	
	#index .cont5 ul li{
		width:100%;
		margin:0 10px;
		float: left;
	}
	
	#index .cont5 ul li a{
		display: block;
		color:#000;
	}
	
	#index .cont5 ul li a img{
		transition: all 0.5s;
		transform: scale(1);
	}
	
	#index .cont5 ul li a:hover img{
		transform: scale(1.05);
	}
	
	#index .cont5 ul li .phbox{
		width:100%;
		/* height:400px; */
		height: 230px;
		line-height: 0;
		overflow: hidden;
	}
	
	#index .cont5 ul li .phbox img{
		object-fit: contain;
	}
	
	#index .cont5 ul li .namebox{
		padding:15px 0 0 0;
		text-align: center;
	}
	
	#index .cont5 ul li .namebox .year{
		font-size:0.9em;
	}
	
	#index .cont5 ul li .namebox .year span{
		color:#fff;
		font-size:0.8em;
		background:#000;
		padding:2px;
		margin:0 10px 0 0;
	}
	
	#index .cont5 ul li .namebox .name{
		font-size:1.5em;
		padding:15px 0;
	}
	
	/*cont6*/
	#index .cont6{
		width:100%;
		margin:0 auto 50px;
	}
	
	#index .cont6 .tlbox{
		font-size:1.7em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: left;
	}
	
	#index .cont6 .tlbox span{
		font-size:0.9rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-10px;
	}
	
	#index .cont6 .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:0;
		margin:0 0 0 0;
		bottom:0;
	}
	
	#index .cont6 .tlbox.box2{
		text-align: center;
		margin:0 0 40px 0;
	}
	
	#index .cont6 .tlbox.box2:after{
		display: none;
	}
	
	#index .cont6 .txbox{
		line-height: 1.7em;
		margin:0 0 40px 0;
		text-align: left;
	}
	
	#index .cont6 .floatbox{
		width:90%;
		float: none;
		margin:0 auto 40px;
	}
	
	#index .cont6 .floatbox.box2{
		margin:0 auto;
		float: none;
	}
	
	#index .cont6 .floatbox2{
		width:calc(100%);
		float: none;
		height:auto;
		position:relative;
	}
	
	#index .cont6 .floatbox2 .inbox{
		position: relative;
		z-index:2;
	}
	
	#index .cont6 .floatbox .phbox{
		width:100%;
		height:150px;
		float: left;
		margin:0 0 20px 0;
	}
	
	#index .cont6 .floatbox .po1{
		position: relative;
		left:0;
		z-index:1;
	}
	
	#index .cont6 .floatbox .po2{
		position: relative;
		z-index:1;
	}

	#index .cont6 .bnr_note {
		padding-top: 75px;
	}
	
	/*cont7*/
	#index .cont7{
		width:100%;
		margin:0 auto 50px;
	}
	
	#index .cont7 .tlbox{
		font-size:1.8em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#index .cont7 .tlbox span{
		font-size:0.9rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-10px;
	}
}

#index .movie_attention{
	margin-top:3rem;
}

#index .hide_area{
	display: none;
}

#index .footernav_wrap{
	display: none;
}