@charset "UTF-8";
/* ↑文字コードの指定 -------------------------------------*/
#bg01{
	position: relative;
	top:0;
	left:0;
/*	width:950px;*/
	width: 100%;
	height:250px;
	overflow:hidden;
	background-image: url("bg01.jpg");
}
#box1 {
/*	width:1000px;*/
	width: 100%;
	height:100px;
	color:#000000;
	position: absolute;
	top:250;
/*	left: 1200;*/
}
#box2 {
/*	width:1300px;*/
	width: 140%;
	height:250px;
	color:#000000;
	position: absolute;
	top:250;
	right:-350;
}
@media screen and (max-width:767px) {
	.#box2{

	}
}

#box3,#box4,#box5 {
/*	width:950px;*/
	width: 100%;
	height:250px;
	color:#000000;
	position: absolute;
	top:250px;
	left: 0;
	text-align: left;
}

#box6 {
/*	width:950px;*/
	width: 100%;
	height:250px;
	position: absolute;
	opacity: 0;	/*最初は透明*/
/*	top:-250;*/
	left: 0;
}

.mask{
/*	width:950px;*/
	width: 100%;
	mask-image: url(bg01.jpg);
/*	-ms-mask-image: url(bg01.jpg);*/
	-webkit-mask-image: url(bg01.jpg);
	margin-top: 110px;
}
@media screen and (max-width:767px) {