@charset "utf-8";
body{
	background:url(../img/bg.png); 
	font-size: 16px;
    line-height: 1.5em;
    font-family: "��S�V�b�N", YuGothic, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
    overflow-wrap: break-word;
	word-break: normal;
color: #666;}

a{text-decoration: none;
color:#666;}

div.wrapper{
	width: 1000px;
	margin: 0 auto;
}

div.fade{
	background: #FFF;
	margin: 0 auto;
}

.hideme
{
	margin-top: -160px;
    opacity:0;
    margin-left:-300px;    
    max-width:100%;
}
 
 .hideme2
{
	margin-top: -160px;
    opacity:0;
    margin-left:-300px;    
    max-width:100%;
}
 
 .hideme3
{
	margin-top: -160px;
    opacity:0;
    margin-left:-300px;    
    max-width:100%;
}
 
 .hideme4
{
	margin-top: -140px;
    opacity:0;
    margin-left:-300px;    
    max-width:100%;
}

 .hideme5
{
	margin-top: -160px;
    opacity:0;
    margin-left:-300px;    
    max-width:100%;
} 

#button_01{
	margin: 10px 0 0 20px;
}
.header{
    position: relative;
	z-index: 99;
}

.header div{
	width: 1000px;
	margin: 0 auto;
}

#privacy{
	font-size:20px;
	max-width:80%;
	border:5px solid #6ab936;
	padding:10px;
	text-align:lift;
	height:250px;
	overflow:auto;
	margin:0 auto;
	margin-bottom:20px;
	line-height: 20px;
	background: #fff;
	background-color: rgba( 255, 255, 255, 0.5 );
}

#privacy p{
	color:red;
	margin-bottom:10px;
}

#privacy p span{
	color:#000000;
	font-weight:bold;
	display:block;
	font-size:35px;
	margin-bottom:30px;
	text-shadow: 1px 1px 0px #12c72c;
}

.header div p{
	display: inline-block;
	vertical-align: top;
}


#main{
	background: url(../img/mainback-1.png) no-repeat;
	max-width:100%;
	position: relative;
	z-index: 0;
}

#main h1{
	padding-top: 1150px;
	text-align: center;
}

#line section h1{
	margin-top: 0;
}

.arrow {
	margin: 10px 0;
	text-align: center;
}

.button{
	text-align: center;
}

.anime{
	animation: anime1 0.5s ease infinite alternate;
}

@keyframes anime1 {
0% {transform: scale(0.9);}
100% {transform: scale(1);}
}

#line section h2{
	margin-top: 30px;
}

#daredemo section h1{
	margin-bottom: 0px;
}

footer{
	padding:10% 0 10px 0;
}

footer p{
	text-align: center;
	margin-bottom:0.8em;
	font-size: 0.8em;
}


@media screen and (max-width: 768px) {
   /*--- �\���̈悪768px�ȉ��̏ꍇ�ɓK�p����X�^�C�� ---*/
	img {
		max-width: 100%;
		width: auto;
		height: auto;
	}
	
	.header{
		margin-bottom: 0;
		background: #FFF;
	}
	.header div{
		width: 100%;
		vertical-align: middle;
		line-height: 0;
	}
	.header div p{
		vertical-align: middle;
	}
	
	#headtext{
		width: 100%;
	}
	
	#button_01{
		width: 25%;
		margin: 0 auto;
	}
	
	#line section h1{
	margin-top: 0;
}
	
	div.wrapper{
		width: 100%;
	}
	
	#main{
	background-size:contain;
	background-repeat: no-repeat;
}
	
	#main h1{
	padding-top: 120%;
}
.hideme
{
	margin-top: -17%;
    opacity:0;
    margin-left:-300px;    
    max-width:100%;
}
 
 .hideme2
{
	margin-top:  -17%;
    opacity:0;
    margin-left:-300px;    
    max-width:100%;
}
 
 .hideme3
{
	margin-top:  -17%;
    opacity:0;
    margin-left:-300px;    
    max-width:100%;
}
 
 .hideme4
{
		margin-top:  -14%;
    opacity:0;
    margin-left:-300px;    
    max-width:100%;
}
 
 .hideme5
{
		margin-top:  -17%;
    opacity:0;
    margin-left:-300px;    
    max-width:100%;
}
 
#daredemo section h1{
	margin-bottom: 0px;
}

}/*///media*/

@media screen and (max-width: 640px) {
   /*--- �\���̈悪640px�ȉ��̏ꍇ�ɓK�p����X�^�C�� ---*/


}/*///media*/