@media screen and (max-width: 1680px){
	body{font-size: 30px;}
}

@media screen and (max-width: 1580px){
	body{font-size: 28px;}
}

@media screen and (max-width: 1460px){
	body{font-size: 26px;}
}

@media screen and (max-width: 1360px){
	body{font-size: 24px;}
}

@media screen and (max-width: 1260px){
	body{font-size: 22px;}
}

@media screen and (max-width: 1160px){
	body{font-size: 20px;}
}

@media screen and (max-width: 1060px){
	body {
		font-size: 18px;
		color: #000;
	}
	a {
		color: #000;
	}
	.guide{display: none;}
}

@media screen and (max-width: 940px){
	body{font-size: 16px;}
}

@media screen and (max-width: 850px){
	body{font-size: 14px;}
}
@media screen and (max-width: 768px){
	body {
		color: #000;
	}
	a {
		color: #000;
	}
}

@media screen and (max-width: 740px){
	body{font-size: 12px;}
}

.news .imgs,
.news ul.list,
.voice .interview,
.voice .suggest,
.live .img,
.live .list{position: relative; transform: translateX(-120%); opacity: 0;}

.news ul.list,
.voice .suggest,
.live .list{transform: translateX(120%);}

.news.on .imgs,
.news.on ul.list,
.voice.on .interview,
.voice.on .suggest,
.live.on .img,
.live.on .list{transform: translateX(0%); opacity: 1; transition: all .4s;}

.news.on ul.list,
.voice.on .suggest,
.live.on .list{transition-duration: .8s;}

.plan .list,
.report .list,
.image .list{position: relative; transform: translateY(120%); opacity: 0;}

.plan.on .list,
.report.on .list,
.image.on .list {
	transform: translateX(0%);
	opacity: 1;
	transition: all .4s;
	word-spacing: -8px;
}