@charset "UTF-8";
/* CSS Document */

#nav-area {
	width:100%;
	height:80px;
	position:absolute;
	top:0;
	left:0;
	background:#c80000;
}

#click {
	width:400px;
	height:70px;
	position:absolute;
	top:5px;
	right:100px;
}

#logo {
	width:600px;
	height:80px;
	position:absolute;
	top:0;
	left:10px;
}

#nav-button {
	width:60px;
	height:60px;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}

#top-img {
	width:100%;
	height:100%;
	position:absolute;
	top:80px;
	left:0;
	background:url(../img/top-img.png) center bottom;
	background-size:cover;
	z-index:100;
}

#header-icon {
	width:450px;
	height:450px;
	position:absolute;
	top:45%;
	left:50%;
	margin-left:-225px;
	margin-top:-225px;
}

section {
	width:100%;
	height:7400px;
	position:absolute;
	top:95%;
	left:0;
}

#concept {
	width:100%;
	height:800px;
	position:absolute;
	top:0;
	left:0;
	background:#c80000;
}
	
#concept-title {
	width:1000px;
	height:300px;
	position:absolute;
	top:180px;
	left:50%;
	margin-left:-500px;
}

#concept-text {
	width:1010px;
	height:300px;
	position:absolute;
	top:490px;
	left:50%;
	margin-left:-505px;
}

#concept-text p {
	text-align:center;
	font:25px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:0.15em;
	padding-bottom:8px;
	color:#ffffff;
}

#osirase {
	width:1000px;
	height:400px;
	position:absolute;
	top:880px;
	left:50%;
	margin-left:-500px;
}

#scroll-button {
	width:1200px;
	height:360px;
	position:absolute;
	top:970px;
	left:50%;
	margin-left:-600px;
}

#scroll1 {
	width:360px;
	height:360px;
	position:absolute;
	top:0;
	left:30px;
	cursor:pointer
}

#scroll2 {
	width:360px;
	height:360px;
	position:absolute;
	top:0;
	left:420px;
	cursor:pointer
}

#scroll3 {
	width:360px;
	height:360px;
	position:absolute;
	top:0;
	left:810px;
	cursor:pointer
}

#omousikomi {
	width:100%;
	height:1800px;
	position:absolute;
	top:1500px;
	left:0;
}

#omousikomi-img {
	width:100%;
	height:650px;
	position:absolute;
	top:0;
	left:0;
	background:url(../img/omousikomiback.png) center;
	background-size:cover;
}

#omousikomi-copy-area {
	width:1010px;
	height:100px;
	position:absolute;
	top:30px;
	left:30px;
}

#omousikomi-icon {
	width:200px;
	height:200px;
	position:absolute;
	top:0;
	left:0;
	background:#c80000;
}

#omousikomi-copy {
	width:800px;
	height:200px;
	position:absolute;
	top:0;
	right:0;
}

#omousikomi-text {
	width:980px;
	height:400px;
	position:absolute;
	top:830px;
	left:50%;
	margin-left:-490px;
}

#omousikomi-text p {
	font:27px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:0.25em;
	padding-bottom:10px;
}

#omousikomi-text p span{
	font-size:14px;
	letter-spacing:0.15em;
}

#step {
	width:1200px;
	height:250px;
	position:absolute;
	top:1200px;
	left:50%;
	margin-left:-600px;
}

#step1 {
	width:1200px;
	height:250px;
	position:absolute;
	top:0;
	left:30px;
}

#omousikomi-button {
	width:1100px;
	height:150px;
	position:absolute;
	top:1560px;
	left:50%;
	margin-left:-550px;
}

#tel {
	width:500px;
	height:150px;
	position:absolute;
	top:0;
	left:0;
}

#net {
	width:500px;
	height:150px;
	position:absolute;
	top:0;
	right:0;
}

#hensai {
	width:100%;
	height:1270px;
	position:absolute;
	top:3350px;
	left:0;
}

#hensai-img {
	width:100%;
	height:650px;
	position:absolute;
	top:0;
	left:0;
	background:url(../img/hensaiback.png) center;
	background-size:cover;
}

#hensai-copy-area {
	width:1010px;
	height:100px;
	position:absolute;
	top:30px;
	left:30px;
}

#hensai-icon {
	width:200px;
	height:200px;
	position:absolute;
	top:0;
	left:0;
	background:#c80000;
}

#hensai-copy {
	width:800px;
	height:200px;
	position:absolute;
	top:0;
	right:0;
}

#hensai-text {
	width:850px;
	height:400px;
	position:absolute;
	top:830px;
	left:50%;
	margin-left:-425px;
}

#hensai-text p {
	font:27px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:0.25em;
	padding-bottom:10px;
}


#more-area {
	width:1000px;
	height:70px;
	position:absolute;
	top:1200px;
	left:50%;
	margin-left:-500px;
}

#hensai-more {
	width:200px;
	height:70px;
	position:absolute;
	top:0;
	right:0;
}

#shop {
	width:100%;
	height:2900px;
	position:absolute;
	top:4850px;
	left:0;
}

#shop-copy-area {
	width:1010px;
	height:100px;
	position:absolute;
	top:30px;
	left:30px;
}

#shop-icon {
	width:200px;
	height:200px;
	position:absolute;
	top:0;
	left:0;
	background:#c80000;
}

#shop-copy {
	width:800px;
	height:200px;
	position:absolute;
	top:0;
	right:0;
}

#map {
	width:100%;
	height:500px;
	position:absolute;
	top:250px;
	left:0;
}

#shop-img-area {
	width:1100px;
	height:250;
	position:absolute;
	top:900px;
	left:50%;
	margin-left:-550px;
}

#shopimg2 {	 
    width:350px;
    height:250px;
    position:absolute;
    top:0;
    left:50%;
	margin-left:-175px;
}

#shopimg3 {	 
    width:350px;
    height:250px;
    position:absolute;
    top:0;
    right:0;
}

#shopimg1 {	 
    width:350px;
    height:250px;
    position:absolute;
    top:0;
    left:0;
}


#shop-about1 {
	width:1000px;
	height:600px;
	position:absolute;
	top:1220px;
	left:50%;
	margin-left:-500px;
}

#shop-about2{
	width:1000px;
	height:600px;
	position:absolute;
	top:1750px;
	left:50%;
	margin-left:-500px;
}

#parking {
	width:1000px;
	height:400px;
	position:absolute;
	top:2350px;
	left:50%;
	margin-left:-500px;
}

#click2-area {
	width:1000px;
	height:60px;
	position:absolute;
	top:2800px;
	left:50%;
	margin-left:-500px;
}

#click2 {
	width:420px;
	height:60px;
	position:absolute;
	top:0;
	left:0;
}

#tyuui {
	position:absolute;
	top:70px;
	left:10px;
	font:16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


footer {
	background:#c80000;
	width:100%;
	height:200px;
	position:absolute;
	top:7800px;
	left:0;
}

#ft-nav {
	width:930px;
	height:30px;
	position:absolute;
	top:90px;
	left:50%;
	margin-left:-465px;
}

#ft-nav p a{
	text-decoration:none;
	width:229px;
	height:30px;
	float:left;
	text-align:center;
	line-height:30px;
	border-left:1px solid #ffffff;
	color:#ffffff;
	font-size:15px;
}

#ft-nav #last a {
	border-right:1px solid #ffffff;
}

#copyright {
	width:100%;
	position:absolute;
	bottom:10px;
	left:0;
	text-align:center;
	letter-spacing:0.15em;
	font:16px "Times New Roman", Times, serif;
	color:#ffffff;
}

#top-back {
	width:60px;
	height:60px;
	position:absolute;
	top:-60px;
	right:0;
	cursor:pointer
}

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

#top-img {
	height:800px;
}

section {
	top:750px;
}

}