@media screen and (max-width: 1180px) {
	#main{
		width:100%;
	}
	
	#main .visual{
		width:100%;
		position:relative;
	}
	
	#main .visual .bg{
		width:100%;
		background:#000;
		overflow:Hidden;
	}
	
	#main .visual .bg video{
		width:100%;
		opacity:0.8;
		position:relative;
		left:50%;
		transform:translateX(-50%)
	}
	
	#main .visual .txA{
		width:100%;
		top:50%;
		padding:0px 3%;
		box-sizing:border-box;
		transform:translateY(-50%);
		position:absolute;
		z-index:1;
	}
	
	
	#main .visual .txA .tit{
		font-size:40px;
		color:#fff;
		font-weight:bold;
	}
	
	#main .visual .txA .subTit{
		font-size:26px;
		color:#fff;
		margin-top:20px;
	}
	
	#main .visual .scroll{
		width:100%;
		bottom:3%;
		box-sizing:border-box;
		position:absolute;
		text-align:Center;
		z-index:1;
	}
	
	#main .visual .scroll .tx{
		color:#fff;
		font-size:15px;
		margin-top:10px;
	}
	
	
	#main .ct{
		width:100%;
		padding:5em 3%;
	}
	
	#main .ct .tit{
		width:100%;
		text-align:center;
		font-size:36px;
	}
	
	#main .ct .subs{
		width:100%;
		text-align:center;
		font-size:20px;
		margin-top:30px;
		color:#444;
	}
	
	#main .ct .ctList{
		width:100%;
		display:flex;
		margin-top:50px;
	}
	
	#main .ct .ctList li{
		width:100%;
		margin-left:20px;
	}
	
	#main .ct .ctList li:first-child{
		margin-left:0px;
	}
	
	#main .ct .ctList li .thum{
		width:100%;
	}
	
	#main .ct .ctList li .thum img{
		width:100%;
	}
	
	#main .ct .ctList li .subj{
		width:100%;
		text-align:center;
		font-size:24px;
		color:#222;
		font-weight:bold;
		margin-top:20px;
	}
	
	#main .ct .ctList li .subs{
		width:100%;
		text-align:center;
		font-size:18px;
		color:#444;
		margin-top:20px;
		word-break:keep-all;
	}
	
}

@media screen and (max-width: 767px) {
	#main{
		width:100%;
	}
	
	#main .visual{
		width:100%;
		position:relative;
	}
	
	#main .visual .bg{
		width:100%;
		background:#000;
		overflow:Hidden;
	}
	
	#main .visual .bg video{
		width:150%;
		opacity:0.8;
		position:relative;
		left:50%;
		transform:translateX(-50%)
	}
	
	#main .visual .txA{
		width:100%;
		top:50%;
		padding:0px 3%;
		box-sizing:border-box;
		transform:translateY(-50%);
		position:absolute;
		z-index:1;
	}
	
	
	#main .visual .txA .tit{
		font-size:30px;
		color:#fff;
		font-weight:bold;
		word-break:keep-all;
	}
	
	#main .visual .txA .subTit{
		font-size:18px;
		color:#fff;
		margin-top:20px;
	}
	
	#main .visual .scroll{
		width:100%;
		bottom:3%;
		box-sizing:border-box;
		position:absolute;
		text-align:Center;
		z-index:1;
		display:none;
	}
	
	#main .visual .scroll .tx{
		color:#fff;
		font-size:15px;
		margin-top:10px;
	}
	
	
	#main .ct{
		width:100%;
		padding:5em 3%;
	}
	
	#main .ct .tit{
		width:100%;
		text-align:center;
		font-size:26px;
		word-break:Keep-all;
	}
	
	#main .ct .subs{
		width:100%;
		text-align:center;
		font-size:16px;
		margin-top:30px;
		color:#444;
	}
	
	#main .ct .ctList{
		width:100%;
		display:block;
		margin-top:50px;
	}
	
	#main .ct .ctList li{
		width:100%;
		margin-left:0px;
		margin-top:30px
	}
	
	#main .ct .ctList li:first-child{
		margin-top:0px;
	}
	
	#main .ct .ctList li .thum{
		width:100%;
	}
	
	#main .ct .ctList li .thum img{
		width:100%;
	}
	
	#main .ct .ctList li .subj{
		width:100%;
		text-align:center;
		font-size:18px;
		color:#222;
		font-weight:bold;
		margin-top:20px;
	}
	
	#main .ct .ctList li .subs{
		width:100%;
		text-align:center;
		font-size:14px;
		color:#444;
		margin-top:20px;
		word-break:keep-all;
	}
	
}