.mainContents .QAarea .hc-video .videoCol {
	padding-bottom: 27.9%;
}
@media screen and (max-width: 767px) {
	.mainContents .QAarea .hc-video .videoCol {
		padding-bottom: 57%;
	}
}

.hc-video .video-js,
.hc-video .vjs-poster,
.hc-video .bc-player-default_default {
	background-color: transparent;
}

.hc-video .bc-player-default_default .vjs-big-play-button {
	width: 98px;
	height: 98px;
	margin-left: 0;
	margin-top: 0;
	background: linear-gradient(120deg, rgba(232,8,22,1) 0%, rgba(240,50,41,1) 40%, rgba(255,124,75,1) 100%);
	transform: translate(-50%, -50%);
	transition: all 0.3s;
}

.hc-video .bc-player-default_default:hover .vjs-big-play-button {
	opacity: 0.7;
}

.hc-video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
	content: '';
	background: url(/common/rwd/images/rn/icon_video.svg) center center/100% 100% no-repeat;
	width: 50px;
	height: 34px;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
}

.hp-video__img {
	max-width: 366px;
}

@media screen and (max-width: 767px) {
	.hp-video__img {
		max-width: 288px;
		margin: 24px auto 0;
	}
}

.cmArea .hc-button-icon--cms + .hp-video__img {
	margin-top: 24px;
}

.hp-video__img img {
	max-width: unset;
	width: 100%;
}

@media screen and (max-width: 767px) {
	.hp-video__img:hover img {
		opacity: 1 !important;
	}
}

@media screen and (min-width: 768px) {
	.mainContents .cmArea.cmArea--wide .videoCol .colIn:nth-child(1) {
		width: 68%;
	}
}

@media screen and (min-width: 768px) {
	.mainContents .cmArea.cmArea--wide .videoCol .colIn:nth-child(2) {
		width: 30%;
	}
}