@charset "utf-8";
@media screen and (max-width: 767px) {
	body {
		background-image:url(/img/index/back_image_sp.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size:cover;
	}
}
@media all and (min-width: 768px) {
	body {
		background-image:url(/img/index/back_image.png);
		background-position: center top;
		background-repeat: no-repeat;
		/*background-size:cover;*/
	}
}
@media all and (min-width: 920px) {
	body {
		background-position: left 0px;
	}
}

#indexWrap {
	color:#FFFFFF;
}

#indexWrap h1 {
	font-size: 10px;
	width: 100%;
	text-align:center;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin:2px 0;
}
@media all and (min-width: 768px) {
	#indexWrap h1 {
		width: 60%;
		text-align:left;
		color:#FFFFFF;
		margin:2px 20px;
	}
}
#indexWrap a {
	display:inline-block;
	color:#FEF4E0;
	font-size:36px;
	text-decoration:none;
	line-height: 1.0;
	margin-bottom: 18px;
	margin-top: 18px;
	text-align:center;
}
#indexWrap a:hover {
	color:#FDE6B5;
}
#indexWrap .caution {
	font-size:11px;
}

#indexContentsWrap {
	text-align:center;
}
#indexContentsWrap img {
	max-width:70%;
}
@media all and (min-width: 768px) {
	#indexContentsWrap {
		position: absolute;
		width:60%;
		height:100%;
	}
	#indexContentsWrap > .inner {
    margin-top:80px;
		width:100%;
		text-align:center;
	}
}

#indexWrap .textContents {
	display:inline-block;
	margin-top:30px;
	text-align: center;
	color:#FFFFFF;
	padding:10px;
	margin:10px;
}
@media all and (min-width: 768px) {
	#indexWrap .textContents {
		background-color:inherit;
		color:inherit;
		padding:0;
		margin-top: 30px;
	}
}

#footerAdd {
	color:#FFFFFF;
	text-align:center;
}
@media all and (min-width: 768px) {
	#footerAdd {
		width:100%;
		color:#FFFFFF;
		text-align:center;
	}
}