@charset "utf-8";
/*-------------------------------------------------
リセット
-------------------------------------------------*/
html { overflow-y: scroll;}body,div,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,pre,code,blockquote {margin: 0;padding: 0; }h1,h2,h3,h4,h5,h6 {font-size: 100%;	font-weight: normal;	margin: 0;	padding: 0; }pre {word-wrap: break-word;white-space: pre-wrap; }em{ font-style:normal;}div {word-wrap: break-word; }br {letter-spacing: 0; }a img, img { border: 0; }ul {ｍargin: 0;padding: 0; }li {list-style-type: none;margin: 0;padding: 0; }li img {margin: 0;padding: 0;}table {border-collapse: collapse;border-spacing: 0;}caption,th { text-align: left; }th,td{ vertical-align:top;}fieldset,img { border: 0; }address, th, var {font-style: normal;font-weight: normal;}hr {border: 0;height: 1px;margin: 0;padding: 0;}img{vertical-align:middle;}
::selection { background:#999; color:#fff; text-shadow:none;}	::-moz-selection { background:#999; color:#fff; text-shadow:none;} 
/*-------------------------------------------------
フォーム
-------------------------------------------------*/
label { cursor: pointer; }legend { display: none; }input, select, textarea { font-family: "メイリオ","Meiryo",Sans-Serif,verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";}
input,button,textarea,button{ color:#333; padding: 3px 5px;  vertical-align: middle; margin:1px 0;}
.error input[type="text"],.error textarea,.error select{ background-color: #FFEAEA; border-color:#EFB3B3;}
input[type="text"]:focus,textarea:focus, select:focus{ background-color: #EFFAFF; border-color:#00B1EF; color:#333; box-shadow:0px 0px 5px #5FD5FF;}
textarea, select,input[type="text"],input[type="password"]{ border:1px solid #ccc; padding: 3px; border-radius: 3px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1) inset;
-webkit-transition:  all 0.2s ease-out; transition:  all 0.2s ease-out;}
input[type="submit"],button[type="submit"]  { cursor: pointer; }
input[type="checkbox"], input[type="radio"] {background: none;	border: none; }
/* for IE8 */.msie8 input[type="checkbox"],.msie8 input[type="radio"] {margin: 0px;padding: 0px;vertical-align: -0.2em; }
/* for Chrome1 */.chrome1 input[type="checkbox"], .chrome1 input[type="radio"] {	margin: 0px;padding: 0px;vertical-align: -0.2em;}
/*-------------------------------------------------
クリア
-------------------------------------------------*/
.clearfix:after {clear: both;	content: ".";display: block;height: 0;visibility: hidden; }
.clearfix { min-height: 1px; }.clear {	background: none;	clear: both; }
/*-------------------------------------------------
ボディ
-------------------------------------------------*/
body { background:#fff; color:#000; font-size: 16px; line-height: 2; word-break: normal; min-width:1040px;
font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "AozoraMinchoRegular" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;

-webkit-text-size-adjust: none; /* iPhone */
}
@font-face {
	font-family: 'AozoraMinchoRegular';

    src:
	url('../AozoraMinchoRegular.eot') format('eot');/* IE9～ */
	
	src:
	/*IE8以下も対応したい場合以下を記述。デメリットとしてIE9以上でページ読み込みがワンテンポ遅くなる。*/
	/*url('../AozoraMinchoRegular.eot?#iefix') format('embedded-opentype'),*/ /*～IE8*/
	
	url('../AozoraMinchoRegular.woff') format('woff'), /* 最新ブラウザ */
	url('../AozoraMinchoRegular.ttf') format('truetype'); /* その他ブラウザ */
}
/*-------------------------------------------------
リンク
-------------------------------------------------*/
a{	color:#3f8500; text-decoration:underline; font-weight:normal;
-webkit-transition:  all 0.2s ease-out; transition:  all 0.2s ease-out;}
a:hover { color:#72B934; text-decoration:none;}

/*-------------------------------------------------
その他
-------------------------------------------------*/
p{ margin:0 0 1em;}
.left{ text-align:left;}.right{ text-align:right;}.center{ text-align:center;}
.fl{ float:left;}.flm{ float:left; margin:0 20px 15px 0; clear:left;}
.fr{ float:right;}.frm{ float:right; margin:0 0 15px 20px; clear:right;}
.hidden{ display:none; visibility:hidden;}
.oh{ overflow:hidden;}
img.center{ display:block; margin-left:auto; margin-right:auto; margin-bottom:1em;}
a img{-webkit-transition:  all 0.2s ease-out; transition:  all 0.2s ease-out;}
a:hover img{ opacity:0.7;}
.indent{ padding-left:1em; text-indent:-1em;}
.bold{ font-weight:bold;}
span.red{ color:#C00;}

/*-------------------------------------------------
ヘッダー
-------------------------------------------------*/
header.g{ position:relative; z-index:102; background:url(../img/header.png) no-repeat center center #fff;}
header.g .inner{ width:1000px; height:auto; padding:20px 0 10px; margin:0 auto 0; position:relative;}
header.g h1{ text-align:center; padding:0; margin:0;}

/*-------------------------------------------------
フッター
-------------------------------------------------*/
footer.g{ position:relative; z-index:102; background:url(../img/header.png) no-repeat center center #eee;}
footer.g .inner{ width:1000px; height:auto; padding:50px 0 40px; margin:0 auto 0; position:relative;}
footer.g h1{ text-align:center; padding:0; margin:0;}
address.copyright{ text-align:center; font-size:12px; padding:0.5em 0; background:#000; color:#fff;}

/* -----------------------------------------------------------
ページ先頭へ
----------------------------------------------------------- */
#pageTop {position: fixed;	bottom:0px; left:0; margin:0 auto; width:100%; z-index:103;}
#pageTop>.inner {	position:relative; width:100%; margin:0 auto;}
#pageTop>.inner a {background:url(../img/pagetop.png) no-repeat center center #000; display:block; width:0px;	height:0px;	text-indent:-9999px;	overflow:hidden;	position:absolute;	bottom:40px; right:40px; border-radius:5px; opacity:0.5; box-shadow:0 1px 3px rgba(0,0,0,0.3)}
#pageTop>.inner a:hover {opacity:1;}
#pageTop>.inner a.show{ width:60px; height:60px;}

/*-------------------------------------------------
アイキャッチ
-------------------------------------------------*/
.firstView{position:relative; z-index:2; height:850px; overflow:hidden;}
.firstView .bg{position:absolute; z-index:3; width:100%; height:850px; background:url(../img/mainImageBg.jpg) no-repeat center center fixed; background-size:cover;}
.firstView .inner{position:relative; z-index:4;width:1000px; margin:0 auto; padding:80px 0 0; height:520px;}

/* ふわふわさせたいものに fuwaクラスを付与 */
.fuwa{
	-webkit-animation-name:fuwa; /* fuwaっていうアニメーションをしてね！ */
	-webkit-animation-duration:30s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-out;
	
	-moz-animation-name:fuwa;
	-moz-animation-duration:30s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease-out;

	-ms-animation-name:fuwa;
	-ms-animation-duration:30s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-timing-function:ease-out;
}
/* fuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes fuwa {
	0% {-webkit-transform:scale(1.6); opacity:0;}
	5% {-webkit-transform:scale(1.6); opacity:1;}
	98% {-webkit-transform:scale(1.0); opacity:1;}
	100% {-webkit-transform:scale(1.0); opacity:0;}
}
@-moz-keyframes fuwa {
	0% {-moz-transform:scale(1.6); opacity:0;}
	5% {-moz-transform:scale(1.6); opacity:1;}
	98% {-moz-transform:scale(1.0); opacity:1;}
	100% {-moz-transform:scale(1.0); opacity:0;}
}
@-ms-keyframes fuwa {
	0% {-ms-transform:scale(1.6); opacity:0;}
	5% {-ms-transform:scale(1.6); opacity:1;}
	98% {-ms-transform:scale(1.0); opacity:1;}
	100% {-ms-transform:scale(1.0); opacity:0;}
}


/*-------------------------------------------------
グロナビ
-------------------------------------------------*/
.gnav{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); position:relative; z-index:101; line-height:1.6;}
.gnav.is_stuck{}
.gnav ul{width:1000px; margin:0 auto 0;}
.gnav ul li{ float:left; text-align:center;}
.gnav ul li a{ display:block; padding:0 16px; color:#000; line-height:80px; text-decoration:none; font-size:13px;}
.gnav ul li a.l2{ line-height:20px; padding-top:20px; padding-bottom:20px;}
.gnav ul li a:hover{ background-color:#eee;}
.gnav ul li.contact a span{/* border:1px solid #72B934; display:inline-block; line-height:30px; padding:0 20px; color:#3F8500; font-weight:bold; background:#fff;*/}
.gnav ul li.contact a span img{ margin-right:10px; vertical-align:text-bottom;}
.gnav ul li.contact a:hover{ background-color:#EEFFDF;}
.gnav ul li.tel{ float:right; width:253px; font-size:11px; text-align:right; padding:10px 0 0; line-height:1.3;}
.gnav ul li.tel img{ margin-bottom:4px;}

/* -----------------------------------------------------------
ラッパー
----------------------------------------------------------- */
.wrapper{}
.wrapper img{max-width:100%;}

/* -----------------------------------------------------------
コンテナー
----------------------------------------------------------- */
.container{width:1000px; margin:0 auto 0; padding:40px 0 1px;}
.container>section,.container>article{padding:0 0 80px; min-height:300px;}

/*-------------------------------------------------
区切り線
-------------------------------------------------*/
hr{ height:1px; overflow:hidden; padding:0; margin:50px 0; background:url(../img/hr.png) repeat-x;}
hr.anc{padding-top: 100px !important;margin-top: -100px !important; overflow:hidden; height:0px; padding:0; margin:0; background:none;}

/* -----------------------------------------------------------
見出し
----------------------------------------------------------- */
.wrapper h1{font-weight:bold; color:#fff; font-size:26px; margin:0 0 20px; background:url(../img/h1.png) no-repeat center top; text-align:center; line-height:40px; overflow:hidden; clear:both;}
.wrapper h2{font-weight:bold; line-height:1.4; margin:0 0 0.5em; font-size:32px;}
.wrapper h3{font-weight:bold; line-height:1.4; margin:0 0 0.5em; font-size:28px;}
.wrapper h4{font-weight:bold; line-height:1.4; margin:0 0 0.5em; font-size:24px;}
.wrapper h5{font-weight:bold; line-height:1.4; margin:0 0 0.5em; font-size:20px;}
.wrapper h6{font-weight:bold; line-height:1.4; margin:0 0 0.5em; font-size:18px;}

.wrapper p+h1,.wrapper p+h2,.wrapper p+h3,.wrapper p+h4,.wrapper p+h5,.wrapper p+h6,
.wrapper div+h1,.wrapper div+h2,.wrapper div+h3,.wrapper div+h4,.wrapper div+h5,.wrapper div+h6,
.wrapper ul+h1,.wrapper ul+h2,.wrapper ul+h3,.wrapper ul+h4,.wrapper ul+h5,.wrapper ul+h6
{ margin-top:2em;}

/* -----------------------------------------------------------
ボタン
----------------------------------------------------------- */
a.button,input.button{ transition:all 0.2s ease-out;
background-color: #f5f5f5; background-image: linear-gradient(#ffffff, #e6e6e6); border:1px solid #ccc; color: #333;
border-radius: 4px; cursor: pointer; display: inline-block; padding: 4px 1em; text-align: center; vertical-align: middle;}
.button:hover{ text-decoration:none; opacity:0.8;}
.button.small{ font-size:11px; padding:1px 0.7em;}

.button.blue{background-color:#2980B9; background-image: linear-gradient(#66B4D9, #074288); border-color:#074288; color:#fff; box-shadow:0 1px 0 rgba(255,255,255,0.5) inset; text-shadow:0 -1px 0 rgba(0,0,0,0.3);}
.button.green{background-color:#27AD8C; background-image: linear-gradient(#63D2BC, #07774F); border-color:#07774F; color:#fff; box-shadow:0 1px 0 rgba(255,255,255,0.5) inset; text-shadow:0 -1px 0 rgba(0,0,0,0.3);}
.button.yellow{background-color:#FF8000; background-image: linear-gradient(#FFB400, #FF4200); border-color:#FF4200; color:#fff; box-shadow:0 1px 0 rgba(255,255,255,0.5) inset; text-shadow:0 -1px 0 rgba(0,0,0,0.3);}
.button.red{background-color:#C02C3F; background-image: linear-gradient(#DD697E, #920911); border-color:#920911; color:#fff; box-shadow:0 1px 0 rgba(255,255,255,0.5) inset; text-shadow:0 -1px 0 rgba(0,0,0,0.3);}
.button.gray{background-color:#989FA7; background-image: linear-gradient(#C4C9CE, #5D656F); border-color:#5D656F; color:#fff; box-shadow:0 1px 0 rgba(255,255,255,0.5) inset; text-shadow:0 -1px 0 rgba(0,0,0,0.3);}
.button.black{background-color:#304050; background-image: linear-gradient(#6E7F8E, #0A111B); border-color:#0A111B; color:#fff; box-shadow:0 1px 0 rgba(255,255,255,0.5) inset; text-shadow:0 -1px 0 rgba(0,0,0,0.3);}
a.button i{ font-size:14px;}

/* -----------------------------------------------------------
テーブル
----------------------------------------------------------- */
table.border{ border-top:1px solid #ccc; margin:0 0 1.5em; width:100%;}
table.border th{ border-bottom:1px solid #ccc; padding:0.5em; font-weight:bold;}
table.border td{ border-bottom:1px solid #ccc; padding:0.5em;}

table.border#form{ border:5px solid #ddd;}
table.border#form th{ padding:1em; border-right:1px solid #ddd;}
table.border#form td{ padding:1em; background:#f5f5f5;}

/* -----------------------------------------------------------
リスト
----------------------------------------------------------- */
ul.disc{ margin:0 0 1.5em; padding:0 0 0 1.5em;}
ul.disc li{ background:url(../img/li.png) no-repeat left center; line-height:1.4; padding:0 0 0 15px; margin:5px 0;}

/* -----------------------------------------------------------
グリッド
----------------------------------------------------------- */
/*１カラム　グリッド*/
.grid2,.grid3,.grid4,.grid5{ width:1040px;}
.grid2>*,.grid3>*,.grid4>*,.grid5>*{ float:left; margin:0 40px 1em 0; box-sizing:border-box;}
.grid2 img,.grid3 img,.grid4 img,.grid5 img{ margin-bottom:1em;}
.grid2>*{width:480px;}
.grid3>*{width:306px;}
.grid4>*{width:220px;}
.grid5>*{width:168px;}

/* -----------------------------------------------------------
ページのデザイン
----------------------------------------------------------- */