@charset "utf-8";


/*
==============================



==============================
*/

header h2 {
	text-shadow: rgba(0,0,0,0.5) 1px 1px 3px, rgba(0,0,0,0.5) -1px 1px 3px, rgba(0,0,0,0.5) 1px -1px 3px, rgba(0,0,0,0.5) -1px -1px 3px;
}

.gzone-title,
.gzone-title1,
.gzone-title2,
.gzone-title3,
.gzone-title4 {
    height: 600px;
}

.gzone-title   {
	color:#fff;
}

.gzone-title2   {
	background-repeat:no-repeat;
	background-position: right;
	background-image:url(top.jpg);
}
.gzone-title p  {
	background: rgba(0,0,0, 0.5)
}

/*画像サイズは901px*/

@media screen and (min-width:751px) {
	.gzone-title3 {
		background: linear-gradient(to right, #000 calc(100% - 751px), transparent 250px);
	}
}
@media screen and (min-width:556px) and (max-width:750px) {
	.gzone-title3 {
		background: linear-gradient(to right, #000, transparent 250px); /* Standard syntax */
	}
	.gzone-title2 {
		background-position: -150px bottom;
	}
}
@media screen and (max-width:555px)	 { /* Smart Phone */
	.gzone-title2 {
		background-position: -300px bottom;
	}
}