@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, table, th, tr, td, ul, ol, li, dl, dt, dd, form, fieldset, legend, hr, span, a, img, strong, em, ins, del, cite, abbr, acronym, sup, sub, dfn, code, var, samp, kbd, object, header, section, article, nav, footer {	margin: 0;	padding: 0; color:#1A1A1A; font-family: 'Kosugi Maru', sans-serif; }
body {	text-align: center;}
header, article, footer, section, aside, time, nav {	display: block;}
input, label {	margin: 0;	padding: 0;	color: #4C3300;}
h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, th, li, td, p {	font-size: 21px;	font-weight: normal;	font-style: normal;}
h1 {	font-size: 12px;}
h1 a {}
ul, ol {	list-style: none;}/* hr { display:none; }*/
p,h2 { line-height: 1.4rem;}
img {	border: none;	-ms-interpolation-mode: bicubic;	vertical-align: bottom;}
*img {	-ms-interpolation-mode: bicubic;	border: none;}
a img {	border: none;	-ms-interpolation-mode: bicubic;}
caption, th {	text-align: left;}
table {	border-collapse: collapse;	border-spacing: 0;}
/* ######################################################## */
/* フロート・テキスト配置 */
/* ######################################################## */
.clear {	clear: both;}
.left {	float: left;}
.right {	float: right;}
.cleft {	clear: left;}
.indent {	text-indent: -9999px;}
.center {	text-align: center;}
.t-right {	text-align: right;}
.t-left {	text-align: left;}
.none {	display: none;}
.p-title { font-size: 36px;font-family: 'Kosugi Maru', sans-serif; letter-spacing: 3px;} /* pageタイトル*/
.p-sub {font-size: 16px;} /* pagesubタイトル*/
 
/* ######################################################## */
/* COLOR */
/* ######################################################## */
a:hover {	color:#FF0000;	text-decoration: none;}
a {	color: #333;	text-decoration: none;}
a:hover img {
    opacity: 0.7;
}
.gray {	color: #333;}
.red {	color: #FF0000;}
.yerrow {	color: #FF0;}
.black {	color: #000;}
.blue {	color: #09F;}

.white {	color: #FFF;}
.border {	border: 1px solid #C99;	padding: 2px;	text-align: center;}
.pink {	color: #ff00c0;}
.bn {	border: none;}
.shadow {text-shadow: 1px 1px 3px #000; }
/* ######################################################## */
/* フォントサイズ */
/* ######################################################## */
.fs0 {	font-size: 8px;}
.fs1 {	font-size: 9px;}
.fs2 {	font-size: 10px;}
.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}
/* ######################################################## */
/* padding margin */
/* ######################################################## */
.pa10 {	padding: 10px;}
.txtT { padding-top: 35px;}
.txtB { padding-bottom: 35px;}
/* ######################################################## */
/* ボディ */
/* ######################################################## */
*html body {　　　　　/*IE6だけに適用*/
 overflow-y:auto;}
*+html body {　　　　　/*IE7だけに適用*/
 overflow-y:auto;}
body {	overflow-y: scroll;	scrollbar-base-color: #EC7C8E;	scrollbar-arrow-color: #C96473;	scrollbar-face-color: #EC7C8E;	scrollbar-highlight-color: #fff;}
html {	height: 100%;}
/*透過PNG*/
.black-bg {}
.clearfix:after {	content: url(pixel.gif);	display: block;	clear: both;	height: 0;}
.hover {	cursor: pointer;}
/*input*/
input[type="text"] , input[type="email"], select{	border: 0;	padding: 6px;	font-size: 1.3em;	font-family: Arial, sans-serif;	color: #666;	border: solid 1px #ccc;	margin: 0 0 20px;	width: 400px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);}
input:focus {	border: solid 1px #EEA34A;}
input[type="submit"] {	border: solid 1px #ccc;	padding: 5px 12px;	margin: 0 0 0 5px;	font-family: Arial, sans-serif;	font-size: 1.2em;	text-transform: uppercase;	font-weight: bold;	color: #333;	cursor: pointer;	background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));	background-image: -webkit-linear-gradient(top, #ddd, #aaa);	background-image: -moz-linear-gradient(top, #ddd, #aaa);	background-image: -ms-linear-gradient(top, #ddd, #aaa);	background-image: -o-linear-gradient(top, #ddd, #aaa);	background-image: linear-gradient(top, #ddd, #aaa);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#aaaaaa', GradientType=0 ); /* IE6-9 */
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;	background-color: transparent;	_display: block;}
*+html input[type="text"] {	margin-bottom: 0;}
*+html input[type="submit"] {	padding: 5px 6px;}

.scrollanime {
	opacity: 0;
}
.fadeInDown {
	animation-name: fadeInDown;
	animation-duration: 5s;
	animation-fill-mode: forwards;
}
@keyframes fadeInDown {
	0% {
		opacity: 0;			
	}
	100% {
	opacity: 1;
	transform: translate(0);
	}
}

.updown {
	transform: translateY(-100px);
}
.downup {
	transform: translateY(100px);
}

.sect02{
	overflow: hidden; 
}
.slide-right {
	transform: translateX(200px);
}
.slide-left {
	transform: translateX(-200px);
}