/* Navigation */

#Contents {
	padding: 0;
}
/* About */

#About {
	padding: 80px 40px 80px 40px;
	border-bottom: 1px solid #ddd;
}
#About h2 {
	margin: 0;
	padding: 0;
	margin-bottom: 60px;
	font-size: 1.0em;
	color: #838383;
	text-align: center;
	font-weight: 300;
	letter-spacing: 0.2em;
}
#About h3#AboutTitlePC {
	display: block;
}
#About h3#AboutTitleSP {
	display: none;
}
#About h3 {
	margin-bottom: 40px;
	font-size: 4.5em;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#About p#AboutDescriptionPC {
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform:none;
	line-height: 180%;
	font-size: 1em;
}
#About p#AboutDescriptionSP {
	display: none;
}
/* Contact */

#Contact {
	padding: 80px 40px 40px 40px;
	border-bottom: 1px solid #ddd;
}
#Contact h2 {
	margin: 0 0 60px;
	padding: 0;
	font-size: 1em;
	color: #838383;
	text-align: center;
}
#Contact h3 {
	margin: 0 0 24px;
	padding: 0;
	font-size: 2em;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#Contact p {
	margin: 0 0 30px;
	padding: 0;
	font-size: 1em;
	text-align: center;
	text-transform: none;
}
#Contact dl {
	width: 420px;
	margin: 0 auto 20px;
}
#Contact dl label {
	font-weight: 300;
}
#Contact dl dt {
	display: none;
	float: left;
	width: 120px;
	padding: 16px 0 0 0;
	line-height: 100%;
	color: #bbb;
	font-size: 0.8em;
}
#Contact dl dd {
	width: 420px;
	float: left;
}
#Contact dl dd input {
	width: 420px;
	padding: 10px;
	border: 1px solid #ccc;
	letter-spacing: 0.1em;
	font-size: 0.8em;
}
#Contact dl dd textarea {
	width: 420px;
	height: 160px;
	padding: 10px;
	border: 1px solid #ccc;
	letter-spacing: 0.1em;
	font-size: 0.8em;
}
#Contact dl dd input.ContactCheckItem {
	width: auto;
	height: auto;
	padding: 0;
	border: none;
	position: relative;
	top: 1px;
}
#Contact dl dd .ContactCheckArea {
	width: 420px;
}
#Contact dl dd .ContactCheckBlock {
	width: 200px;
	float: left;
	line-height: 100%;
	font-size: 0.8em;
}
#Contact dl dt.ContactLableSubmit {
	text-indent: -999em;
	width: 120px;
	height: 0;
}
#ContactBtn {
	width: 420px;
}
#ContactBtnEnq {
	width: 280px;
	float: left;
}
#Contact dl dd #ContactBtnEnq input {
	padding: 16px 0;
	width: 280px;
	background: #000;
	color: #fff;
	border: 1px solid #222;
	font-size: 1.0em;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.2em;
}
#ContactBtnRes {
	width: 120px;
	float: right;
}
#Contact dl dd #ContactBtnRes input {
	padding: 16px 0;
	width: 120px;
	background: #fff;
	color: #aaa;
	border: 1px solid #ccc;
	font-size: 1.0em;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.2em;
}
#Contact dl dd #ContactBtnRes button {
	padding: 16px 0;
	width: 120px;
	background: #fff;
	color: #aaa;
	border: 1px solid #ccc;
	font-size: 1.0em;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 0.2em;
}
/* Footer */

footer {
	padding: 30px 0px 30px 0;
	background: #000;
	color: #fff;
	text-align: center;
}
footer h2 {
	display: none;
}
footer dl {
	margin-bottom: 50px;
}
footer dl dt {
	font-size: 1.0em;
	margin-bottom: 12px;
	font-weight: 500;
	letter-spacing: 0.2em;
}
footer dl dd {
	font-size: 0.7em;
	font-weight: 100;
	letter-spacing: 0.2em;
}
footer dl dd a {
	color: #fff;
	text-decoration: none;
}
footer dl dd a:hover {
	color: #fff;
	opacity: 0.7;
}
#Location {
	padding: 0 40px;
	margin-bottom: 30px;
	border-bottom: 1px solid #444;
}
address {
	padding: 0 40px;
	margin: 0;
	font-size: 0.7em;
	font-weight: 100;
	letter-spacing: 0.2em;
}
@media screen and (max-width: 992px) {
	#About h3#AboutTitlePC {
		display: none;
	}
	#About h3#AboutTitleSP {
		display: block;
	}
	#About h3 {
		margin-bottom: 40px;
		font-size: 4.0em;
		text-align: center;
	}
	#About p#AboutDescriptionPC {
		display: none;
	}
	#About p#AboutDescriptionSP {
		display: block;
		margin: 0;
		padding: 0;
		text-transform:none;
		text-align: left;
		text-align: justify;
		font-size: 0.9em;
		line-height: 170%;
	}
	#PlatformImgLC {
		position: absolute;
		bottom: 1em;
		right: -12em;
	}
}
@media screen and (max-width: 768px) {
	/* About */
	
	#About {
		padding: 40px 7% 40px;
		border-bottom: 1px solid #ddd;
	}
	#About h2 {
		margin-bottom: 30px;
		padding: 0;
		font-size: 1em;
		color: #838383;
		text-align: center;
	}
	#About h3#AboutTitlePC {
		display: none;
	}
	#About h3#AboutTitleSP {
		display: block;
	}
	#About h3 {
		margin-bottom: 30px;
		font-size: 2.25em;
		text-align: center;
	}
	#About p {
	 	text-transform:none;
	}
	#About p#AboutDescriptionPC {
		display: none;
	}
	#About p#AboutDescriptionSP {
		display: block;
		margin: 0;
		padding: 0;
		text-transform:none;
		text-align: left;
		text-align: justify;
		font-size: 0.9em;
		line-height: 170%;
	}
	/* Contact */
	
	#Contact {
		padding: 40px 7% 7%;
		border-bottom: 1px solid #ddd;
	}
	#Contact h2 {
		margin: 0 0 40px;
		padding: 0;
		font-size: 1em;
		color: #838383;
		text-align: center;
	}
	#Contact h3 {
		margin: 0 0 12px;
		padding: 0;
		font-size: 1.5em;
		text-align: center;
	}
	#Contact p {
		margin: 0 0 30px;
		padding: 0;
		font-size: 1em;
		text-align: center;
	}
	#Contact dl {
		width: 100%;
		margin: 0 auto 5%;
	}
	#Contact dl label {
		font-weight: 300;
	}
	#Contact dl dt {
		float: none;
		width: 100%;
		padding: 0;
		margin: 0 0 10px;
		line-height: 100%;
		color: #bbb;
		font-size: 1em;
	}
	#Contact dl dd {
		float: none;
		width: 100%;
	}
	#Contact dl dd input {
		width: 100%;
		padding: 10px;
		border: 1px solid #ccc;
		font-size: 1.0em;
		-webkit-appearance: none;
		border-radius: 0;
	}
	#Contact dl dd textarea {
		width: 100%;
		height: 120px;
		padding: 10px;
		margin: 0;
		border: 1px solid #ccc;
		font-size: 1.0em;
		-webkit-appearance: none;
		border-radius: 0;
	}
	#Contact dl dd input.ContactCheckItem {
		width: auto;
		height: auto;
		padding: 0;
		position: relative;
		top: 1px;
		-webkit-appearance: checkbox;
		border-radius: auto;
	}
	#Contact dl dd .ContactCheckArea {
		width: 100%;
	}
	#Contact dl dd .ContactCheckBlock {
		width: 100%;
		float: left;
		line-height: 100%;
		font-size: 1em;
	}
	#Contact dl dt.ContactLableSubmit {
		text-indent: -999em;
		width: 0;
		height: 0;
	}
	#ContactBtn {
		width: 100%;
	}
	#ContactBtnEnq {
		width: 100%;
		float: none;
		margin: 0 0 5%;
	}
	#Contact dl dd #ContactBtnEnq input {
		padding: 16px 0;
		width: 100%;
		;
		background: #000;
		color: #fff;
		border: 1px solid #222;
		font-size: 1.2em;
		text-transform: uppercase;
	}
	#ContactBtnRes {
		width: 100%;
		float: none;
	}
	#Contact dl dd #ContactBtnRes input {
		padding: 16px 0;
		width: 100%;
		;
		background: #fff;
		color: #aaa;
		border: 1px solid #ccc;
		font-size: 1.2em;
		text-transform: uppercase;
	}
	#Contact dl dd #ContactBtnRes button {
		padding: 16px 0;
		width: 100%;
		;
		background: #fff;
		color: #aaa;
		border: 1px solid #ccc;
		font-size: 1.2em;
		text-transform: uppercase;
		-webkit-appearance: none;
		border-radius: 0;
	}
	/* Footer */
	
	footer {
		padding: 7% 7% 7%;
		background: #000;
		color: #fff;
		text-align: center;
	}
	footer h2 {
		display: none;
	}
	footer dl {
		margin-bottom: 7% 7% 40px;
	}
	footer dl dt {
		font-size: 1.2em;
		margin-bottom: 12px;
		font-weight: 500;
		letter-spacing: 0.2em;
	}
	footer dl dd {
		font-size: 0.8em;
		margin: 0;
		font-weight: 200;
		letter-spacing: 0.2em;
	}
	footer dl dd a {
		color: #fff;
		text-decoration: none;
	}
	footer dl dd a:hover {
		color: #fff;
		opacity: 0.7;
	}
	#Location {
		padding: 0;
		margin-bottom: 30px;
		border-bottom: 1px solid #444;
	}
	address {
		padding: 0;
		margin: 0;
		font-size: 0.8em;
		font-weight: 100;
		letter-spacing: 0.2em;
	}
}