@charset "UTF-8";
#show ,#hide{
	float: right;
	cursor: pointer;
	right: 15px;
	top: 10px;
	/*overflow-x: hidden;
	overflow-y: hidden;*/
}

#show{z-index: 20;
	position: fixed;
	color: #FFFFFF;
}
#hide{z-index: 30;
	position: relative;
}
#menu{
	display: block;
	z-index: 100;
	position:fixed;
	top: 0px;
	right: -200px;
	width: 200px;
		height: 100%;
	vertical-align: middle;
	background-color:skyblue;
	transition: .4s;
	font-family: "Hiragino Maru Gothic ProN W4";
	color: #FFFFFF;
}
body.menu-open #menu{
	right: 5px;
	top: 5px;
}
#wrapper{
	overflow: hidden;
	width: 100%;
	position: relative;
	
}

body{background-color: rgba(255,250,241,1.00);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: rgba(0,20,85,1.00);
	font-size: 16px;
}

h1{position: fixed;
z-index: 10;
	top:0px;
	margin: 0px;
	padding: 0px;
height: 50px;
width: 100%;
background-color: skyblue;
font-family: vdl-logog, sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 30px;
color: #FFFFFF}

#hand2{width: 60%;
	height: auto;
	transform: rotate(40deg);
}

#hand1{width: 75%;
	height: auto;
	position: relative;
	left: 110px;
	bottom: 290px;
	margin-bottom: -290px;
	transform: rotate(10deg);
}

#hand3{width: 60%;
	height: auto;
	position: relative;
	bottom: 270px;
	margin-bottom: -270px;
	transform: rotate(100deg);
	left: -30px;
}

#tittle{width: 100%;
	height: auto;
	position: relative;
	bottom: 260px;
	margin-bottom: -260px;
}

/*#pas1{width: 30%;
	height: auto;
	bottom:60px;
	margin-bottom: 60px;
}

#pas2{width: 30%;
	height: auto;
	bottom: 100px;
	margin-bottom: -100px;
}*/

#rippoutai1{width: 20%;
	height: auto;
	position: relative;
	top: -70px;
	margin-top: -70px;
	left: 30px;
	transform: rotate(20deg);
}

#rippoutai2{width: 15%;
	height: auto;
	position: relative;
	bottom: 120px;
	margin-bottom: -120px;
	left: 50px;
	transform: rotate(-20deg);
}

#bar{width: 20%;
	height: auto;
	position: relative;
	right: 140px;
	bottom: 0px;
	
}

h2{position: relative;
	bottom: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-size: 22px;
}

#gaiyou{position: relative;
	top: 10px;
	left: 25px;	
}

h3{position: relative;
	font-size: 22px;
	top:50px;
	text-align: center;
}

.bunya{font-size: 19px;}

.jyugyou{color:rgba(226,157,0,1.00);
	font-size: 16px;}

#koukoku1{position: relative;
	top:40px;
	left: 10px;
}

#koukoku2{position: relative;
	top:30px;
}

#ikon1{position: relative;
	bottom: 120px;
	margin-bottom: -120px;
	left: 150px;
}

#branding1{position: relative;
	left: 150px;
	top:10px;
}

#branding2{position: relative;
	left: 180px;
}

#ikon2{position: relative;
	bottom: 140px;
	margin-bottom: -140px;
	right: 10px;
}

#web1{position: relative;
	top: 40px;
}

#web2{position: relative;
	top: 30px;
}

#ikon3{position: relative;
	bottom: 180px;
	margin-bottom: -180px;
	left: 160px;
}

#edi1{position: relative;
	top:40px;
	left: 150px;
}

#edi2{position: relative;
	top:30px;
	left: 130px;
}

#ikon4{position: relative;
	bottom: 50px;
	margin-bottom: -50px;
}

#photo1{position: relative;
	top:20px;
	left: 10px;
}

#photo2{position: relative;
	top:20px;
	left: 10
}

#ikon5{position: relative;
	bottom: 150px;
	margin-bottom: -150px;
	left: 160px;
}

#illust1{position: relative;
	top: 20px;
	left: 180px;
}

#illust2{position: relative;
	top: 20px;
	left: 250px;
}

#ikon6{position: relative;
	bottom: 130px;
	margin-bottom: -130px;
}

#sign1{position: relative;
	top: 20px;
}

#sign2{position:relative;
	top: 20px;
}

#ikon7{position: relative;
	left: 150px;
	bottom: 80px;
	margin-bottom: -80px;
}

#hosoku{position: relative;
	left: 13px;
}

#botan1{width: 90%;
	height: auto;
	position: relative;
	left: 13px;
	bottom: 100px;
	margin-bottom: -100px;
}

.botan1 a{color:#FFFFFF;
	position: relative;
	font-size: 22px;
	bottom: 206px;
	margin-bottom: -206px;
	left: 20px;
	display: block;
	text-align: center;
	width: 280px;
	background-color:none;
	padding: 20px;	
	text-decoration: none;
	font-family: "Hiragino Maru Gothic ProN W4";
}

#hukidasi1{width: 60%;
	height: auto;
	position: relative;
	top: 40px;
	right: 20px;
}

#hukidasi11{position: relative;
	bottom: 120px;
	margin-bottom: -120px;
	left: 30px;
	font-size: 18px;
	color: rgba(226,157,0,1.00);
}

#hukidasi2{width: 60%;
	height: auto;
	position: relative;
	bottom: 100px;
	margin-bottom: -100px;
	left: 160px;
}

#hukidasi22{position: relative;
	bottom: 160px;
	margin-bottom: -100px;
	left: 210px;
	font-size: 18px;
	color: rgba(226,157,0,1.00);
}

#botan2{width: 90%;
	height: auto;
	position: relative;
	left: 13px;
	bottom: 120px;
	margin-bottom: -100px;
}

.botan2 a{position: relative;
	font-size: 22px;
	bottom: 226px;
	margin-bottom: -226px;
	left: 20px;
	color: #FFFFFF;
	display: block;
	text-align: center;
	width: 280px;
	background-color:none;
	padding: 20px;	
	text-decoration: none;
	font-family: "Hiragino Maru Gothic ProN W4";
}

footer{position: relative;
	width: 100%;
	height: 180px;
	background-color: skyblue;
	margin-top: 70px;
}

h5{text-align: center;
	font-size: 18px;
	position: relative;
	top: 20px;
	color: #FFFFFF;
}

footer p{text-align: center;
	position: relative;
	bottom: 40px;
	margin-bottom: -40px;
	color: #FFFFFF;
}

#page1{position: relative;
	width: 100%;
	margin-top: 40px;
}

#tittle2{width: 90%;
	height: auto;
	position: relative;
	left: 15px;
	bottom: 100px;
	margin-bottom: -100px;
	
}

#h2{position: relative;
	color: rgba(226,157,0,1.00);
	font-size: 22px;
	text-align: center;
	font-family: "Hiragino Maru Gothic ProN W4"
}

#ichi1{font-size: 19px;
	position: relative;
	top: 30px;
	left: 20px
}

#ichi2{position: relative;
	left: 120px;
	bottom: 15px;
	margin-bottom: -15px;
}

#e1{width: 70%;
	height: auto;
	position: relative;
	left: 50px;
	bottom: 10px;
	margin-bottom: -10px;
}

#rei{position: relative;
	bottom: 40px;
	margin-bottom: -40px;
	left: 10px;
}

#ichi3{position: relative;
	left: 65px;
}

#ni1{font-size: 19px;
	position: relative;
	top: 50px;
	left: 20px;
}

#ni2{position: relative;
	left: 120px;
	top: 5px;
}

#e2{position: relative;
	bottom: 85px;
	left: 40px;
	width: 75%;
	height: auto;
}

#ni3{position: relative;
	bottom: 100px;
	margin-bottom: -100px;
	left: 50px;
}

#san1{font-size: 19px;
	position: relative;
	top: 50px;
	left: 20px;}

#san2{position: relative;
	left: 120px;
	top: 5px;}

#e3{position: relative;
	bottom: 45px;
	left: 40px;
	width: 75%;
	height: auto;
}

#san3{position: relative;
	bottom: 60px;
	margin-bottom: -60px;
	left: 60px;}

#yonn1{font-size: 19px;
	position: relative;
	top: 50px;
	left: 20px;}

#yonn2{position: relative;
	left: 120px;
	top: 5px;
}

#e4{position: relative;
	bottom: 45px;
	left: 40px;
	width: 75%;
	height: auto;}

#yonn3{position: relative;
	bottom: 60px;
	margin-bottom: -60px;
	text-align: center;}

#matome{position: relative;
	top: 30px;
}

#botan111{width: 90%;
	height: auto;
	position: relative;
	left: 13px;
	bottom: 50px;
	margin-bottom: -50px;
	}

/*.link1 img{width: 90%;
	height: auto;
}*/

.link1 a{display: block;
	font-size: 19px;
	text-align: center;
	width: 280px;
	background-color:none;
	padding: 20px;	
	text-decoration: none;
	position: relative;
	bottom: 205px;
	margin-bottom: -140px;
	left: 20px;
	font-family: "Hiragino Maru Gothic ProN W4";
}

/*#botan1111{position: relative;
	bottom: 205px;
	margin-bottom: -205px;
	font-size: 19px;
	left: 45px;
	color: #FFFFFF;
	font-family: "Hiragino Maru Gothic ProN W4";
}*/

#botan222{width: 90%;
	height: auto;
	position: relative;
	left: 13px;
	bottom: 80px;
	margin-bottom: 0px;}

.link2 a{display: block;
	font-size: 22px;
	text-align: center;
	width: 280px;
	background-color:none;
	padding: 20px;	
	text-decoration: none;
	position: relative;
	bottom: 287px;
	margin-bottom: -287px;
	left: 20px;
	font-family: "Hiragino Maru Gothic ProN W4";
}

/*#botan2222{position: relative;
	bottom: 210px;
	margin-bottom: -100px;
	font-size: 22px;
	left: 135px;
	color: #FFFFFF;
	font-family: "Hiragino Maru Gothic ProN W4";
}*/