@charset "utf-8";

/* smartphone */
@media screen and (max-width: 768px){

	.diy-movie {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
	.diy-movie > figure {
		position: relative;
		width: 100%;
		padding-top: 56%;
		margin: 0 0 10px;
	}
	.diy-movie > figure iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	.diy-movie > figure + p {
		font-size: 1.2rem;
		text-align: center;
		line-height: 1.8;
		margin: 0 0 16px;
	}

}

/* PC */
@media screen and (min-width: 769px){

	.diy-movie {
		background: url( ../images/diy/diy-content01.jpg ) no-repeat right 50px center;
		margin: 20px 0 0;
	}

}