@media screen and (min-width: 769px){

/**top start**/
	.top_wrap {
		width: 100%;
		background-image: url(/staff_setting/img/top/main.jpg);
		background-position: center;
		background-size: cover;
	}
	.top_wrap .top {
		width: 1200px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		padding-top: 105px;
	}
	.top_wrap img {
	}
	.top_wrap .top_tl {
		width: 500px;
		display:flex;
		flex-direction:column;
	}

	.top_wrap .top_tl .info {
	  margin: 20px auto 30px;
	  background: #FFF;
	  opacity: 0.9;
 	  padding: 10px 0 10px 10px;
 	  z-index: 9999;
 	  border: solid 1px #CCC;
	  height:220px;
	  width:100%;
		}
	.top_wrap .top_tl .info iframe {
 		display: block;
 		margin: 0px;
 		padding: 0px;
 		width: 100%;
		height:100%;
	}
	.top_wrap .top_box {
		width: 600px;
	}
	.top_wrap a {
		display: block;
		background: rgba(255, 255, 255, 0.8);
		padding: 15px;
	}
	.top_wrap a:hover {
		background: rgba(255, 255, 255, 1);
	}
	.top_wrap a .top_movie {
	}
	.top_wrap iframe {
		width: 570px;
		height: 317px;
	}
	/**top end**/

	/**conts start**/
	.conts_wrap {
		width: 100%;
		background: #f7f7f5;
		padding-bottom:80px;
	}
	.conts_wrap .conts_tl {
		text-align: center;
		padding: 30px 0;
	}
	.conts_wrap img {
	}
	
	.conts {
		width: 1200px;
		margin: 0 auto;
		margin-bottom: 30px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.conts_box {
		width: 385px;
		margin-bottom: 20px;
	}
	.conts_box a {
		display: block;
		border: 1px solid #000;
		padding: 10px;
		color: #111;
	}
	.conts_box a:hover {
		border: 1px solid #ffa200;
	}
	.conts_box .conts_movie {
		margin-bottom: 20px;
	}
	.conts_box iframe {
		width: 363px;
		height: 200px;
	}
	.conts_box p.outline {
		font-size: 15px;
		line-height: 20px;
		text-align: center;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		height: 20px;
		margin-bottom: 5px;
	}
	.conts_box a:hover p.outline {
		text-decoration: underline;
	}

	.more {
		width: 600px;
		margin: 0 auto;
	}
	.more a {
		background: #ffa200;
		display: block;
		border: 1px solid #000;
		border-radius: 5px;
		padding: 10px;
		text-align: center;
		color: #000;
		font-size: 20px;
		height: 38px;
	}
	.more a:hover {
		background: #000;
		color: #fff;
	}
	.more p {
		line-height: 14px;
	}
	.more p::after {
		content: url(/staff_setting/img/top/ya.png);
		margin-left: 30px;
		vertical-align: middle;
	}
	.more a:hover p::after {
		content: url(/staff_setting/img/top/ya_on.png);
	}
	/**conts end**/

.infomation {
 margin: 20px auto 30px;
 background: #FFF;
 padding: 10px 0 10px 10px;
 z-index: 9999;
 border: solid 1px #CCC;
}

.infomation iframe {
 display: block;
 margin: 0px;
 padding: 0px;
 width: 100%;
}

}	/* media screen fin */