@charset "utf-8";
/* CSS Document */

/* reset.css */

html,
body {
	width:100%;
}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
}
table{
	 border:none;
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img{
	border:0;
}
img{
	border:none;
	vertical-align:bottom;
}
a{
	outline:none;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
ol,li{
	list-style:none;
}
br{
	letter-spacing:0;
}

input, select, textarea {
	vertical-align: middle;
}

q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
	font-variant:normal;
}
sup{
	vertical-align:text-top;
}
sub{
	vertical-align:text-bottom;
}
/* for Mac */
/* ----------------------------------------------------- */
/* reset default font-size */
.mac body{
	font-size:11px;
}
.mac h1,
.mac h2,
.mac h3,
.mac h4,
.mac h5,
.mac h6,
.mac td,
.mac th,
.mac textarea{
	font-size:10px;
}
.mac sup{
	font-size:9px;
}
/* set size */


/* ページの初期値設定 */
body {
	font-family:"YuGothic", '游ゴシック', "sans-serif","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Arial","Osaka","MS PGothic","ＭＳ Ｐゴシック",sans-serif;
	font-size:15px;
	letter-spacing:0.02em;
	line-height:1.8;
	color:#FFF;	
	background-color:#fff;
  -webkit-font-smoothing: antialiased;		
}

/* 10px = 77% 11px = 85% 12px = 93% 13px = 100%
14px = 108% 15px = 116% 16px = 123.1% 17px = 131%
18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6%
22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197% */

a{
	overflow:hidden;
}
a:link{
	color:#706F70;
	text-decoration: none;
}
a:visited{
	color:#706F70;
	text-decoration:none;
}
a:hover{
	color:#706F70;
	text-decoration:none;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/

body{
background:#FFF;
	/*↓webkit系ベンダープレフィックス（参考のため一応残しています）
	background: -webkit-linear-gradient(left top, #76b576, #067d06 20%, #d0f04f 60%, #0d8202 70%);*/
	/*標準型
	background: linear-gradient(to bottom right,  #76b576, #067d06 20%, #d0f04f 60%, #0d8202 70%);*/
	text-align:center;
	font-size:120%;	
}
/* フッター固定用 */
body , html {  
    height: 100%;
} 

h1{
	width:400px;
	margin:0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%, -50%);
  margin-top:-80px;
}
h1 img{
	width:100%;
}
.animated.fade-duration{
	animation-duration: 3s;	
}
@media screen and (max-width: 500px) {
h1{
	width:70%;
	margin:0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%, -50%);
  margin-top:-40px;
	
}
h1 img{
	width:100%;
}
}

/*------------------------------------------------------------
	ユーティリティ
------------------------------------------------------------*/
.L{
	float:left;
}
.R{
	float:right;
}
.FB{
	font-weight:bold;
}
.FS{
	font-size:85%;
}
.TC{
	text-align:center;
}
.TR{
	text-align:right;
}
.TL{
	text-align:left;
}
.PT0{
	padding-top:0;
}
.MB10{
	margin-bottom:10px;
}
.MB15{
	margin-bottom:15px;
}
.MB20{
	margin-bottom:20px;
}
.MB30{
	margin-bottom:30px;
}
.MB35{
	margin-bottom:35px;
}
.MB50{
	margin-bottom:50px;
}
.MT15{
	margin-top:15px;
}
.attention{
	color:#C30D23;
	font-weight:bold;
}
.btn{
	display:block;
	text-indent:-9999px;	
}
.clear{
	clear: both;
	line-height:0px;
}

.op a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.small{
	font-size:0.9em;
}


/* float clear */
/* ----------------------------------------------------- */
/* For modern browsers */
.C:before,
.C:after {
    content:"";
    display:table;
}
 
.C:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.C {
    zoom:1;
}



.clear{
	clear:both;
}