/* CSS Document */

*,html,body {
	width:90%;
	height:100%;
	margin:0;
	padding:0;
	background-color:#f7f6f4;
}

p,H1,H2 {
	text-indent: -99999px;
	display:none;
	height:0;
	width:0;
}

.container {
	width:100%;
	margin:0;
	padding:0;
}

.title {
	background:url(../images/img01.jpg)no-repeat;
	background-size:contain;
	width:100vw;
    height: calc(100vw*1/1.699);
	margin:0 auto;
}

.intro {
	background:url(../images/img02.gif)no-repeat;
	background-size: contain;
	width:100vw;
    height: calc(100vw*1/1.959);
	margin:0 auto;
}

.visual {
	width:100vw;
	height:calc(100vw*1/0.957);
}

.visual img {
	width:72.9vw;
	height:calc(72.9vw*1/1.396);
	display: block;
	margin:0 auto;
	padding:0;
}

.func {
	width:100vw;
	height:calc(100vw*1/1.185);
	margin:3vh auto 0;
}

.func div {
	width:83.3vw;
	height:calc(83.3vw*1/2.963);
	margin:0 auto;
}

div#func_comapct {
	background:url(../images/img05.jpg)no-repeat;
	background-size:contain;
}

div#func_carry {
	background:url(../images/img06.jpg)no-repeat;
	background-size:contain;
}

div#func_handle {
	background:url(../images/img07.jpg)no-repeat;
	background-size:contain;
}

.lineup {
	width:100vw;
	height:calc(100vw*1/1.28);
	margin:3vh auto 0;
}

.lineup div {
	width:83.3vw;
	margin:0 auto;
}

div#lineup_scart {
	background:url(../images/img08.jpg)no-repeat;
	background-size:contain;
	height:calc(83.3vw*1/2);
}

div#lineup_pcart {
	background:url(../images/img09.jpg)no-repeat;
	background-size:contain;
	height:calc(83.3vw*1/2.286);
}

.spec {
	width:100vw;
	height:calc(100vw*1/1.6);
	background:url(../images/img10.jpg)no-repeat;
	background-size:contain;
}