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

	/**top start**/
	.top_wrap {
		width: 100%;
		background-image: url(/staff_setting/img/top/main.jpg);
		background-position: center;
		background-size: cover;
		padding-bottom: 20px;
	}
	.top_wrap .top {
		width: 95%;
		margin: 0 auto;
		display: flex;
                flex-direction: column;
	}
	.top_tl {
		margin-bottom: 20px;
		display:flex;
                flex-direction: column;

	}
	.top_tl img  {
	padding-top:20px;
}
	.top_tl .info {
	  background: #FFF;
	  opacity: 0.9;
 	  padding: 10px 0 10px 10px;
 	  z-index: 5;
 	  border: solid 1px #CCC;
	  width:96%;
	  height:120px;
		}
	.top_tl .info iframe {
 		display: block;
 		margin: 0px;
 		padding: 0px;
 		width: 100%;
		height: 110px;
                position: static;
	}
	.top_wrap img:first-child {
		margin-bottom: 20px;
	}
	.top_wrap .top_box {
		width: 100%;
		margin: 0 auto;
	}
	.top_wrap a {
		display: block;
		background: rgba(255, 255, 255, 0.8);
		padding: 10px;
	}
	.top_wrap a:hover {
		background: rgba(255, 255, 255, 1);
	}
	.top_wrap a .top_movie {
		position: relative;
		padding-top: 55%;
	}
	.top_wrap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/**top end**/

	/**conts start**/
	.conts_wrap {
		width: 100%;
		background: #f7f7f5;
	}
	.conts_wrap .conts_tl {
		text-align: center;
		padding: 30px 0;
		width: 70%;
		margin: 0 auto;
	}
	.conts_wrap img {
	}

	.conts {
		width: 95%;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.conts_box {
		width: 100%;
		margin-bottom: 20px;
	}
	.conts_box a {
		display: block;
		border: 1px solid #000;
		padding: 7px 2%;
		color: #111;
	}
	.conts_box a:hover {
		border: 1px solid #ffa200;
	}
	.conts_box .conts_movie {
		margin-bottom: 15px;
		position: relative;
		padding-top: 55%;
	}
	.conts_box iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.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: 95%;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	.more a {
		background: #ffa200;
		display: block;
		border: 1px solid #000;
		border-radius: 5px;
		padding: 10px 3%;
		text-align: center;
		color: #000;
		font-size: 16px;
		line-height: 23px;
		position: relative;
	}
	.more a:hover {
		background: #000;
		color: #fff;
	}
	.more p {
		height: 47px;
	}
	.more p::after {
		content: url(/staff_setting/img/top/ya.png);
		margin-left: 11%;	
		position: absolute;
		top: 15px;
	}
	.more a:hover p::after {
		content: url(/staff_setting/img/top/ya_on.png);
	}
	/**conts end**/



}	/* media screen fin */