@media screen and (max-width: 2100px) {

	#header,
	#pre-footer {
		background-size: 2100px 100%;
	}

}

@media screen and (max-width: 1000px) {

	#pre-footer img.slogan {
		margin-bottom: 150px;
	}

	.content {
		width: calc(100% - 40px);
		margin-left: auto;
		margin-right: auto;
	}

}


@media screen and (max-width: 900px) {

	#visual h2 {
		font-size: 100px;
	}

	#visual h3 {
		font-size: 60px;
	}

}

@media screen and (max-width: 860px) {

	#howto ul {
		background-image: none;
		background-color: rgb(255,255,255);
		border: 8px solid rgb(0,0,0);
		padding: 30px;
		margin-top: 30px;
	}

	#howto ul li {
		display: inherit;
		width: 100%;
	}

	#howto ul li p {
		max-width: 340px;
	}

	#visual {
	}

}

@media screen and (max-width: 800px) {

	#title ul.topmenu {
		display: none;
	}

	#header {
		background-size: 1700px auto;
	}

	#pre-footer .content ul li {
		display: block;
		margin-right: 0px;
	}

	#pre-footer h3 {
		margin-bottom: 50px;
	}

	#howto .filler-howto-2 {
		display: none;
	}

	#visual h2 {
		font-size: 80px;
	}
	
	#visual h3 {
		font-size: 50px;
	}

}

@media screen and (max-width: 740px) {

	.content {
		width: calc(100% - 20px);
		margin-left: auto;
		margin-right: auto;
	}

	#pre-footer h2 {
		font-size: 40px;
	}

	#pre-footer h3 {
		font-size: 30px;
	}

}

@media screen and (max-width: 630px) {

	#visual h2 {
		font-size: 60px;
	}

	#header {
		background-size: 1550px auto;
	}

	#howto h1 {
		font-size: 80px;
	}

	#howto h2 {
		font-size: 50px;
	}

	#pre-footer {
		padding-top: 0px;
		margin-top: 60px;
	}

	#pre-footer img.packshots {
		max-width: 300px;
		top: -150px;
	}

}

@media screen and (max-width: 550px) {

	#header {
		background-size: 1300px auto;
	}

	#howto ul li {
		display: inherit;
		width: 100%;
	}

	#howto ul li p {
		width: 100%;
		margin-top: 5px;
		margin-bottom: 0px;
	}

	#howto h3 {
		font-size: 44px;
	}

	#visual h2 {
		font-size: 50px;
	}


}

@media screen and (max-width: 410px) {

	#header {
		background-size: 1230px auto;
	}

	#howto h1 {
		font-size: 60px;
	}

	#howto h2 {
		font-size: 40px;
	}

	#visual h2 {
		font-size: 46px;
	}
	
	#visual h3 {
		font-size: 40px;
	}

}