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

*{
 margin: 0px;
 padding: 0px;
}

img{
	height: auto;
  max-width: 375px;
}

.top{
	height: auto;
    max-width: 100%;
}

html{
	font-size: 100%;
}

body{
	font-family: "Helvetica Neue", "ヒラギノ角ゴシック", "Hiragino Sans CNS", ;
	line-height: 1.7;
	color: white;
	
	background-color: #4B392A;
	background-size: 375px;
}


.head h1{
	text-align: center;
	color: #FFFFFF;
	margin: 20px;
	padding: 5px;
    margin-top:30px;
	font-family: "ヒラギノ角ゴシック W6";
	line-height: 1.7;
	font-size: 18px;
}

.head img{
	width: 375px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

.subtitle img{
	position: absolute;
	top: 700px;
	width: 70px;
	height: auto;
	margin: 0px;
	padding: 0px;
	left: 10px;
}

.subtitle h1{
	position: absolute;
	color: #FFFFFF;
	width: auto;
	top: 710px;
    left: 65px;
	padding: 0px;
	margin: 20px;
	font-family: "ヒラギノ角ゴシック W3";
	line-height: 1.7;
	font-size: 15px;
}

.subtitle p{
	position: absolute;
	top: 730px;
	text-align: center;
	color: #FFFFFF;
    word-wrap: break-word;
	margin: 20px;
	padding: 15px;
	font-family: "ヒラギノ角ゴシック W3";
	line-height: 1.7;
	font-size: 12px;
}

.aruku img{
	position: absolute;
	top: 900px;
	width: 70px;
	height: auto;
	margin: 0px;
	padding: 0px;
	right: 0px;
}

.green img{
	position: absolute;
	top: 1050px;
	width: 300px;
	height: auto;
	margin: 10px;
	padding: 0px;
	left: 30px;
}

.backpack h1{
	position: absolute;
	top: 1320px;
	color: #FFFFFF;
	width: auto;
    word-wrap: break-word;
	margin: 0px;
	padding: 15px;
	left: 20px;
	font-family: "ヒラギノ角ゴシック W3";
	line-height: 1.7;
	font-size: 12px;
}

.backpack p{
	position: absolute;
	top: 1330px;
	color: #FFFFFF;
	width: auto;
    word-wrap: break-word;
	margin: 20px;
	padding: 15px;
	font-family: "ヒラギノ角ゴシック W3";
	line-height: 1.7;
	font-size: 12px;
}



.esquisse p{
	position: absolute;
	top: 1800px;
	color: #FFFFFF;
	width: auto;
    word-wrap: break-word;
	left: 100px;
	right: 20px;
	font-family: "ヒラギノ角ゴシック W3";
	line-height: 1.7;
	font-size: 12px;
}

.esquisse img{
	position: absolute;
	top: 1550px;
	width: 260px;
	height: auto;
	margin: 0px;
	padding: 0px;
	left: -10px;
}

.colorful p{
	position: absolute;
	top: 2100px;
	color: #FFFFFF;
	width: auto;
    word-wrap: break-word;
	margin: 20px;
	padding: 15px;
	font-family: "ヒラギノ角ゴシック W3";
	line-height: 1.7;
	font-size: 12px;
}

.colorful img{
	position: absolute;
	top: 1950px;
	width: 200px;
	height: auto;
	margin: 0px;
	padding: 0px;
	right: 0px;
}

.last h1{
	position: absolute;
	top: 2420px;
	color: #FFFFFF;
	width: auto;
    word-wrap: break-word;
	margin: 20px;
	padding: 15px;
	font-family: "ヒラギノ角ゴシック W3";
	line-height: 1.7;
	font-size: 12px;
}

.last p{
	position: absolute;
	top: 2450px;
	color: #FFFFFF;
	width: auto;
    word-wrap: break-word;
	margin: 20px;
	padding: 15px;
	font-family: "ヒラギノ角ゴシック W3";
	line-height: 1.7;
	font-size: 12px;
}


.link img{
	position: absolute;
	top: 2650px;
	width: 150px;
	height: auto;
	margin : 0px;
	padding: 10px;
	left: 100px;
	bottom: 100px;
}