.banner_area {
	margin: 30px auto;
	text-align: center;
}
.banner_area p {
	position: relative;
	margin: 20px auto;
}
.banner_area a {
	font-size: 16px;
	color: #fff;
}
.banner_area i {
	position: absolute;
	top: 15px;
	left: 49%;
	font-size: 110px;
}
.banner_area span {
	position: absolute;
	bottom: 20px;
	left: 45%;
	font-weight: bold;
}
	.banner_area iframe {
	width: 70%;
    height: 403px;
	}

@media screen and (max-width: 769px) {
/* 768pxまでの幅の場合に適応される */

.banner_area iframe {
width: 100%;
}
.banner_area i {
top: 9px;
left: 52%;
font-size: 70px;
}
.banner_area iframe {width: 100%; height: 410px;}
}

@media screen and (max-width: 480px) {
.banner_area i {
font-size: 23px;
top: 12px;
left: 27%;
}
.banner_area span {
left: 32%;
bottom: 20px;
}
.banner_area iframe {height: 200px;}
}