.home article {
	width: auto;
	text-align: center;
}
.home a { white-space: pre }
.home h1 {
	position: relative;
	margin: 30px auto 0;
	padding-top: 6vw;
	font-size: 6vw;
	font-weight: 300;
	line-height: 1;
	color: #999;
}
.home h1 strong {
	position: relative;
	padding-left: 15%;
	font-weight: 700;
	color: #000;
}
.home h1 strong:before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	height: 100%;
	width: 24%;
	background: url("htmldog.png") 0 0 / cover;
}
.home header p {
	width: 75%;
	/* min-width: 728px; */
	max-width: 1092px;
	margin: 1em auto 1em;
}
.home #mainContent, .home .foodH1 {
	width: auto;
	margin-right: 0;
	margin-left: 0;
}
.home #mainContent section {
	float: left;
	width: 25%;
	margin: 0;
	text-align: center;
}
.home article h2 {
	margin-top: 0;
	padding-top: 138px;
}
.home h2 a:after {
	content: "";
	position: absolute;
	top: -108px; left: 50%;
	width: 200px;
	height: 108px;
	margin-left: -100px;
	background: url("sIcon_tut.png") 0 / contain;
}
#introTec h2 a:after { background-image: url("sIcon_tech.png") }
#introEg h2 a:after { background-image: url("sIcon_eg.png") }
#introRef h2 a:after { background-image: url("sIcon_ref.png") }
#mainContent section > * {
	margin-right: 15px;
	margin-left: 15px;
}
.home section#introTut>* { margin-left: 30px }
.home section#introRef>* { margin-right: 30px }
.home footer ul { text-align: center }
.home footer li { display: inline }
.home footer li:after {
	content: "·";
	margin: 0 14px;
	color: #999;
}
.home footer li:last-child:after { content: none }
.home li:before { background: none }

@media (max-width: 980px) {
	.home header p { min-width: auto }
	.home #mainContent {
		width: 100%;
		margin-left: 0;
	}
	.home #mainContent section { width: 50% }
	.home #introEg { clear: left }
	.home section#introTut>* { margin-left: 15px }
	.home section#introRef>* { margin-right: 15px }
	.home article h2 { padding-top: 111px }
	.home h2 a:after {
		top: -81px;
		width: 150px;
		height: 81px;
		margin-left: -75px;
	}
}

@media (max-width: 520px) {
	.home h1 {
		font-size: 1.5em;
		line-height: 1.2;
	}
	.home h1 strong {
		display: block;
		padding: 54px 0 0 0;
	}
	.home h1 strong:before {
		left: 50%;
		height: 54px;
		width: 100px;
		margin-left: -50px;
	}
	.home header p, .home #mainContent section {
		width: 100%;
		float: none;
	}
	.home article h2 { padding-top: 84px }
	.home h2 a:after {
		top: -54px;
		width: 100px;
		height: 54px;
		margin-left: -50px;
	}
}