.idx-wrap {
	padding: 60px 0 80px 0;
	background-image: url("../../images/pumpkin.gif");
	background-position: 0 bottom;
	background-repeat: no-repeat;
	background-size: contain;
}

.video-box {
	width: 50%;
	padding: 0 30px;
}

.news-box {
	width: 50%;
	padding: 0 30px;
}

.news__title {
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 3px solid #ea5504;
}

.news__title h3 {
	padding: 5px 15px 3px 15px;
	display: inline-block;
	font-size: 30px;
	font-size: 1.667rem;
	line-height: 2.833rem;
	border-radius: 10px 10px 0 0;
	background-color: #ea5504;
}

.news {
	margin-bottom: 20px;
	padding: 10px;
}

.news__list {
	padding: 15px 0;
	font-size: 38px;
	font-size: 2.111rem;
	line-height: 2.667rem;
}

.news__list .num {
	width: 48px;
	height: 48px;
	border-radius: 999px;
	text-align: center;
	background-color: #ea5504;
}

.news__list .news__link {
	width: calc(100% - 48px);
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	padding-left: 10px;
}

.news__list .news__link .date {
	color: #fdd000;
}

@media only screen and (max-width: 1440px) {
	.news__title h3 {
		font-size: 20px;
		font-size: 1.111rem;
		line-height: 1.889rem;
	}
	.news__list {
		padding: 10px 0;
		font-size: 28px;
		font-size: 1.556rem;
		line-height: 2.667rem;
	}
}

@media only screen and (max-width: 990px) {
	.video-box, .news-box {
		padding: 0 20px;
	}
	.news__list {
		font-size: 20px;
		font-size: 1.111rem;
		line-height: 2.111rem;
	}
	.news__list .num {
		width: 38px;
		height: 38px;
	}
	.news__list .news__link {
		width: calc(100% - 38px);
	}
}

@media only screen and (max-width: 768px) {
	.idx-wrap {
		padding: 30px 0 50px 0;
	}
	.video-box, .news-box {
		width: 100%;
	}
	.video-box {
		margin-bottom: 30px;
	}
}