body {
				background: url("../img/bg/headbg.png") right top/60% no-repeat, url("../img/bg/footbg.png") left bottom/50% no-repeat;
}

.review_item {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 25%;
				        flex: 0 0 25%;
				padding: 0 10px;
}
.review_item .link_box {
				display: block;
				background-color: #fff;
				border-radius: 12px;
				overflow: hidden;
				-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
				        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}
.review_item .link_box:hover {
				text-decoration: none;
}
.review_item .link_box:hover .img_box img {
				opacity: 0.7;
				-webkit-transform: scale(1.1);
				        transform: scale(1.1);
}
.review_item .link_box:hover .cnt_box .title {
				color: #038b9a;
}
.review_item .img_box {
				padding: 6px;
}
.review_item .img_box .responsive {
				border-radius: 6px;
				padding-top: 75%;
}
.review_item .img_box img {
				opacity: 1;
				-webkit-transition: opacity 300ms, -webkit-transform 300ms;
				transition: opacity 300ms, -webkit-transform 300ms;
				transition: transform 300ms, opacity 300ms;
				transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}
.review_item .cnt_box {
				background-color: #fff;
				padding: 0.2em 1em 0.6em;
}
.review_item .cnt_box .from {
				color: #b7b6ba;
}
.review_item .cnt_box .from span {
				display: inline-block;
}
.review_item .cnt_box .from span + span {
				margin-left: 0.25em;
}
.review_item .cnt_box .title {
				line-height: 1.5;
				font-weight: 700;
}

.class_item {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 25%;
				        flex: 0 0 25%;
				padding: 0 10px;
}
.class_item .link_box {
				display: block;
				background-color: #fff;
				border-radius: 12px;
				overflow: hidden;
				-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
				        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}
.class_item .link_box:hover {
				text-decoration: none;
}
.class_item .link_box:hover .img_box img {
				opacity: 0.7;
				-webkit-transform: scale(1.1);
				        transform: scale(1.1);
}
.class_item .link_box:hover .cnt_box .title {
				color: #038b9a;
}
.class_item .img_box {
				padding: 6px;
}
.class_item .img_box .responsive {
				border-radius: 6px;
				padding-top: 75%;
}
.class_item .img_box img {
				opacity: 1;
				-webkit-transition: opacity 300ms, -webkit-transform 300ms;
				transition: opacity 300ms, -webkit-transform 300ms;
				transition: transform 300ms, opacity 300ms;
				transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}
.class_item .cnt_box {
				background-color: #fff;
				padding: 0.2em 1em 0.6em;
}
.class_item .cnt_box .title {
				line-height: 1.5;
}

.media_items .d-lg-flex,
.media_items .d-md-flex {
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
}

.media_item {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 33.33%;
				        flex: 0 0 33.33%;
				padding: 0 15px;
				margin-bottom: 30px;
}
.media_item .link_box {
				display: block;
}
.media_item .link_box:hover .img_box img {
				opacity: 0.7;
				-webkit-transform: scale(1.1);
				        transform: scale(1.1);
}
.media_item .img_box .responsive {
				border-radius: 4px;
}
.media_item .img_box .responsive::after {
				content: "";
				position: absolute;
				left: calc(50% - 30px);
				top: calc(50% - 30px);
				z-index: 3;
				width: 60px;
				height: 60px;
				background: url("../img/ui/ic_play.svg") center/contain no-repeat;
}
.media_item .img_box img {
				opacity: 1;
				-webkit-transition: opacity 300ms, -webkit-transform 300ms;
				transition: opacity 300ms, -webkit-transform 300ms;
				transition: transform 300ms, opacity 300ms;
				transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}
.media_item .cnt_box {
				padding: 0.25em 0.5em 0;
				font-size: 1.125em;
				line-height: 1.3;
}

@media screen and (max-width: 575px) {
				.review_item {
								margin-bottom: 20px;
				}
}