/* Reset CSS ////////////////////////////////////////////////////*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

a {
	text-decoration:none;
}

table {
	font-size: inherit;
	font: 100%;
	border-spacing: 0;    
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
}

strong {
	font-weight: bold;
}

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

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
    	font-weight: normal;
    	font-size: 100%;
    	margin: 0;
    	padding: 0;
}

q:before,q:after {
	content:'';
}

abbr,acronym { 
	border: 0;
}

img {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
}

img.switch {
	
}

* {
	box-sizing: border-box;
}



/* basic ////////////////////////////////////////////////////*/
html {
	height: 100%;
}

body {
	height: 100%;
	color: #666;
	font-size: 14px;
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	line-height: 1.7;
    	background: #fff;
}

.f10 { font-size: 72%; }
.f11 { font-size: 79%; }
.f12 { font-size: 86%; }
.f13 { font-size: 93%; }
.f14 { font-size: 100%; }
.f15 { font-size: 108%; }
.f16 { font-size: 115%; }
.f17 { font-size: 122%; }
.f18 { font-size: 129%; }
.f19 { font-size: 136%; }
.f20 { font-size: 143%; }
.f21 { font-size: 150%; }
.f22 { font-size: 158%; }
.f23 { font-size: 165%; }
.f24 { font-size: 172%; }
.f25 { font-size: 179%; }
.f26 { font-size: 186%; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

a:link, a:visited {
	color: #ef862d;
	text-decoration: underline;
}

a:hover {
	color: #ef862d;
	text-decoration: none;
}

a:active {
	color: #ef862d;
}

.pc {
	display: block;
}

.sp {
	display: none;
}

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

/*
	.pc {
		display: none;
	}
*/

	.sp {
		display: block;
	}

}



/* Fadein////////////////////////////////////////////////////*/
.fadein {
	opacity : 0;
	-webkit-transform : translate3d(0, 0, 0); 
	transform : translate3d(0, 0, 0); 
	-webkit-transition : all 1000ms ease-out;
	transition : all 1000ms ease-out;
}

.fadein.scrollin {
	opacity : 1;
	-webkit-transform : translate3d(0, 0, 0); 
	transform : translate3d(0, 0, 0); 
}

.fadein_y {
	opacity : 0;
	-webkit-transform : translate3d(0, 40px, 0);
	transform : translate3d(0, 40px, 0);
	-webkit-transition : all 500ms ease-out;
	transition : all 500ms ease-out;
}

.fadein_y.scrollin {
	opacity : 1;
	-webkit-transform : translate3d(0, 0, 0); 
	transform : translate3d(0, 0, 0); 
}

.fadein_x {
	opacity : 0;
	-webkit-transform : translate3d(50px, 0, 0);
	transform : translate3d(50px, 0, 0);
	-webkit-transition : all 500ms ease-out;
	transition : all 500ms ease-out;
}

.fadein_x.scrollin {
	opacity : 1;
	-webkit-transform : translate3d(0, 0, 0); 
	transform : translate3d(0, 0, 0); 
}