.u-environment-youtube {
	margin-top : 30px;
}
@media screen and (min-width: 768px), print {
	.u-environment-youtube {
		margin-top : 50px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-environment-youtube {
		width : 1200px;
		margin : 50px auto 0;
	}
}
.u-environment-youtube .youtube-area {
	margin-top : 10px;
}
@media screen and (min-width: 768px), print {
	.u-environment-youtube .youtube-area {
		width : 654px;
		margin : 17px auto 0;
	}
}
.u-environment-youtube .youtube-area .area-item a {
	display : block;
	outline : none;
}
.u-environment-youtube .youtube-area .area-item a figure {
	margin : 0;
}
.u-environment-youtube .youtube-area .area-item a figure .item-img {
	display : block;
	position : relative;
}
.u-environment-youtube .youtube-area .area-item a figure .item-img img {
	width : 100%;
}
.u-environment-youtube .youtube-area .area-item a figure .item-img.mov .mov-play {
	display : inline-block;
	position : absolute;
	bottom : 4px;
	left : 50%;
	-webkit-transform : translateX(-50%);
	    -ms-transform : translateX(-50%);
	        transform : translateX(-50%);
	border : 1px solid #fff;
	color : #fff;
	font-family : SuzukiPROBold;
	font-size : 12px;
	font-size : 19.2px;
	font-size : 1.2rem;
	padding : 4px 35px 4px 25px;
}
@media screen and (min-width: 768px), print {
	.u-environment-youtube .youtube-area .area-item a figure .item-img.mov .mov-play {
		font-size : 14px;
		font-size : 1.4rem;
		bottom : 20px;
		padding : 7px 47px 7px 33px;
	}
}
.u-environment-youtube .youtube-area .area-item a figure .item-img.mov .mov-play:after {
	content : '';
	display : inline-block;
	width : 8px;
	height : 8px;
	border-top : 2px solid #fff;
	border-right : 2px solid #fff;
	-webkit-transform : rotate(45deg);
	    -ms-transform : rotate(45deg);
	        transform : rotate(45deg);
	position : absolute;
	top : 50%;
	right : 22px;
	margin-top : -4px;
}
@media screen and (min-width: 768px), print {
	.u-environment-youtube .youtube-area .area-item a figure .item-img.mov .mov-play:after {
		right : 32px;
	}
}
.u-environment-youtube .youtube-area .area-item a figure .item-img.mov:before {
	content : '';
	display : block;
	position : absolute;
	left : 0;
	right : 0;
	top : 0;
	bottom : 0;
	display : none;
}
.u-environment-youtube .youtube-area .area-item a figcaption {
	display : table;
	width : 100%;
}
.u-environment-youtube .youtube-area .area-item a figcaption .item-ttl {
	display : table-cell;
	vertical-align : middle;
	background : #003145;
	text-align : center;
	color : #fff;
	font-size : 15px;
	font-size : 24px;
	font-size : 1.5rem;
	padding : 10px;
}
@media screen and (min-width: 1024px), print {
	.u-environment-youtube .youtube-area .area-item a figcaption .item-ttl {
		padding : 13px 10px;
		font-size : 23px;
		font-size : 2.3rem;
	}
}
@media screen and (min-width: 1024px), print {
	.u-environment-youtube .youtube-area .area-item a:hover figure .item-img.mov:before {
		background : rgba(0, 49, 69, 0.25);
		display : block;
	}
}