@charset "utf-8";

/*======================================
	COMMON
=======================================*/

* {
	margin: 0; 
	padding: 0;
	line-height: 1.0;
	color: #000;
	font-weight: 300;
	font-style: normal;
	box-sizing: border-box;
	
	font-size: 1rem;
}

::selection {
 	background: #1f1f1f; 
	color: #fff; 
	}
::-moz-selection {
	background: #1f1f1f; 
	color: #fff;
	}

html {
	height: 100%;
}

header {
	position: relative;
	z-index: 0;
}

body {
	font-family: "Heebo",'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"Hiragino Kaku Gothic ProN", 'Yu ragino Kaku Gothic Pro"Gothic', "游ゴシック", "Helvetica", "Helvetica Bold", "Meiryo", "MS PGothic", sans-serif;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	-webkit-text-size-adjust: 100%;
	

}

section {
	padding: 0;
	margin: 0;
		
}


/*---------------------* 
	TEXT                                                                                                       
* -------------------*/ 
 
p,
address {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3 {
	margin: 0;
	padding: 0;
}


a {
	padding: 0;
	text-decoration: none;

}

a:link {
	text-decoration: none;

}

a:hover {
	text-decoration: none;
}

/*---------------------* 
	LIST                                                                                                       
* -------------------*/  

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

dt {
	margin: 0;
	padding: 0;
}

/*---------------------* 
	FORM                                                                                                       
* -------------------*/  

form {
	margin: 0;
	padding: 0;
}

fieldset {
	padding: 0;
	border: 1px solid #CDCDCD;
}

legend {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	color:#797979;
	font-weight:bolder;
}

label {
	font-size: 1rem;
	margin: 0;
	padding: 0;
}
	
/*---------------------* 
	IMG                                                                                                       
* -------------------*/ 

#wrap img {
	border: none;
	vertical-align: top;
	width:100%;
}
	
p img {
	border: none;
	vertical-align: top;
}





/*======================================
	ANIMATION
=======================================*/


@-webkit-keyframes anime { 
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
    }
    13% {
        opacity: 1;
        -webkit-transform: scale(1.03);
    }
    25% {
        opacity: 1;
        -webkit-transform: scale(1.06);
    }
    38% {
        opacity: 0;
        -webkit-transform: scale(1.09);
		

    }
    100% { opacity: 0 }
}	



@keyframes anime { 
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }
    13% {
        opacity: 1;
        transform: scale(1.03);
		-ms-transform    : scale(1.0);
    }
    25% {
        opacity: 1;
        transform: scale(1.06);
		-ms-transform    : scale(1.0);
    }
    38% {
        opacity: 0;
        transform: scale(1.09);
		-ms-transform    : scale(1.0);

    }
    100% { opacity: 0 }
}