@charset "UTF-8";
/* argument */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/*-----------------------------------------------------------
clearfix
------------------------------------------------------------*/
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; }

.clearfix { display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* end MacIE5 */
/*-----------------------------------------------------------
reset
------------------------------------------------------------*/
img { margin: 0; padding: 0; vertical-align: bottom; border: 0; }

table img { margin: 0; padding: 0; vertical-align: bottom; border: 0; }

p { margin: 0; padding: 0; }

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

input, textarea { margin: 0; font-size: 100%; resize: none; }

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

dl, dt, dd, th, td { margin: 0; padding: 0; }

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

pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

em { font-style: normal; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }

nav ul { list-style: none; }

/*-----------------------------------------------------------
Link
------------------------------------------------------------*/
a { outline: none; }

a:link { color: #444; text-decoration: none; }

a:visited { color: #444; text-decoration: none; }

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

a:active { color: #444; text-decoration: none; }

/*-----------------------------------------------------------
margin
------------------------------------------------------------*/
.t0b5 { margin-top: 0; margin-bottom: 5px; }

.t5b0 { margin-top: 5px; margin-bottom: 0; }

.t0b10 { margin-top: 0; margin-bottom: 10px; }

.t10b0 { margin-top: 10px; margin-bottom: 0; }

.t0b15 { margin-top: 0; margin-bottom: 15px; }

.t15b0 { margin-top: 15px; margin-bottom: 0; }

.t0b20 { margin-top: 0; margin-bottom: 20px; }

.t20b0 { margin-top: 20px; margin-bottom: 0; }

.t0b25 { margin-top: 0; margin-bottom: 25px; }

.t25b0 { margin-top: 25px; margin-bottom: 0; }

.t0b30 { margin-top: 0; margin-bottom: 30px; }

.t30b0 { margin-top: 30px; margin-bottom: 0; }

.t0b35 { margin-top: 0; margin-bottom: 35px; }

.t35b0 { margin-top: 35px; margin-bottom: 0; }

.t0b40 { margin-top: 0; margin-bottom: 40px; }

.t40b0 { margin-top: 40px; margin-bottom: 0; }

.t0b45 { margin-top: 0; margin-bottom: 45px; }

.t45b0 { margin-top: 45px; margin-bottom: 0; }

.t0b50 { margin-top: 0; margin-bottom: 50px; }

.t50b0 { margin-top: 50px; margin-bottom: 0; }

.t0b55 { margin-top: 0; margin-bottom: 55px; }

.t55b0 { margin-top: 55px; margin-bottom: 0; }

.t0b60 { margin-top: 0; margin-bottom: 60px; }

.t60b0 { margin-top: 60px; margin-bottom: 0; }

.t0b65 { margin-top: 0; margin-bottom: 65px; }

.t65b0 { margin-top: 65px; margin-bottom: 0; }

.t0b70 { margin-top: 0; margin-bottom: 70px; }

.t70b0 { margin-top: 70px; margin-bottom: 0; }

.t0b75 { margin-top: 0; margin-bottom: 75px; }

.t75b0 { margin-top: 75px; margin-bottom: 0; }

.t0b80 { margin-top: 0; margin-bottom: 80px; }

.t80b0 { margin-top: 80px; margin-bottom: 0; }

.t0b85 { margin-top: 0; margin-bottom: 85px; }

.t85b0 { margin-top: 85px; margin-bottom: 0; }

.t0b90 { margin-top: 0; margin-bottom: 90px; }

.t90b0 { margin-top: 90px; margin-bottom: 0; }

.t0b95 { margin-top: 0; margin-bottom: 95px; }

.t95b0 { margin-top: 95px; margin-bottom: 0; }

.t0b100 { margin-top: 0; margin-bottom: 100px; }

.t100b0 { margin-top: 100px; margin-bottom: 0; }

/*-----------------------------------------------------------
margin top, bottom, right, left
------------------------------------------------------------*/
.mt10 { margin-top: 10px; }

.mb10 { margin-bottom: 10px; }

.mr10 { margin-right: 10px; }

.ml10 { margin-left: 10px; }

.mt20 { margin-top: 20px; }

.mb20 { margin-bottom: 20px; }

.mr20 { margin-right: 20px; }

.ml20 { margin-left: 20px; }

.mt30 { margin-top: 30px; }

.mb30 { margin-bottom: 30px; }

.mr30 { margin-right: 30px; }

.ml30 { margin-left: 30px; }

.mt40 { margin-top: 40px; }

.mb40 { margin-bottom: 40px; }

.mr40 { margin-right: 40px; }

.ml40 { margin-left: 40px; }

.mt50 { margin-top: 50px; }

.mb50 { margin-bottom: 50px; }

.mr50 { margin-right: 50px; }

.ml50 { margin-left: 50px; }

.mt60 { margin-top: 60px; }

.mb60 { margin-bottom: 60px; }

.mr60 { margin-right: 60px; }

.ml60 { margin-left: 60px; }

.mt70 { margin-top: 70px; }

.mb70 { margin-bottom: 70px; }

.mr70 { margin-right: 70px; }

.ml70 { margin-left: 70px; }

.mt80 { margin-top: 80px; }

.mb80 { margin-bottom: 80px; }

.mr80 { margin-right: 80px; }

.ml80 { margin-left: 80px; }

.mt90 { margin-top: 90px; }

.mb90 { margin-bottom: 90px; }

.mr90 { margin-right: 90px; }

.ml90 { margin-left: 90px; }

.mt100 { margin-top: 100px; }

.mb100 { margin-bottom: 100px; }

.mr100 { margin-right: 100px; }

.ml100 { margin-left: 100px; }

/*-----------------------------------------------------------
padding
------------------------------------------------------------*/
.p10b10 { padding-top: 10px; padding-bottom: 10px; }

.p0b1010 { padding-top: 0; padding-bottom: 10px; }

.p20b20 { padding-top: 20px; padding-bottom: 20px; }

.p0b1020 { padding-top: 0; padding-bottom: 20px; }

.p30b30 { padding-top: 30px; padding-bottom: 30px; }

.p0b1030 { padding-top: 0; padding-bottom: 30px; }

.p40b40 { padding-top: 40px; padding-bottom: 40px; }

.p0b1040 { padding-top: 0; padding-bottom: 40px; }

.p50b50 { padding-top: 50px; padding-bottom: 50px; }

.p0b1050 { padding-top: 0; padding-bottom: 50px; }

.pl5 { padding-left: 5px; }

.pr5 { padding-right: 5px; }

.pl10 { padding-left: 10px; }

.pr10 { padding-right: 10px; }

.pl15 { padding-left: 15px; }

.pr15 { padding-right: 15px; }

.pl20 { padding-left: 20px; }

.pr20 { padding-right: 20px; }

.pl25 { padding-left: 25px; }

.pr25 { padding-right: 25px; }

.pl30 { padding-left: 30px; }

.pr30 { padding-right: 30px; }

.pl35 { padding-left: 35px; }

.pr35 { padding-right: 35px; }

.pl40 { padding-left: 40px; }

.pr40 { padding-right: 40px; }

.pl45 { padding-left: 45px; }

.pr45 { padding-right: 45px; }

.pl50 { padding-left: 50px; }

.pr50 { padding-right: 50px; }

.pl55 { padding-left: 55px; }

.pr55 { padding-right: 55px; }

.pl60 { padding-left: 60px; }

.pr60 { padding-right: 60px; }

.pl65 { padding-left: 65px; }

.pr65 { padding-right: 65px; }

.pl70 { padding-left: 70px; }

.pr70 { padding-right: 70px; }

/*-----------------------------------------------------------
line height
------------------------------------------------------------*/
.line14 { font-size: 14px; }

.line15 { font-size: 15px; }

.line16 { font-size: 16px; }

.line17 { font-size: 17px; }

.line18 { font-size: 18px; }

.line19 { font-size: 19px; }

.line20 { font-size: 20px; }

.line21 { font-size: 21px; }

.line22 { font-size: 22px; }

.line23 { font-size: 23px; }

.line24 { font-size: 24px; }

.line25 { font-size: 25px; }

.line26 { font-size: 26px; }

.line27 { font-size: 27px; }

.line28 { font-size: 28px; }

.line29 { font-size: 29px; }

.line30 { font-size: 30px; }

/*-----------------------------------------------------------
FONT Weight
------------------------------------------------------------*/
.fwB { font-weight: bold; }

/*-----------------------------------------------------------
FONT Size
------------------------------------------------------------*/
.fz10 { font-size: 10px; }

.fz11 { font-size: 11px; }

.fz12 { font-size: 12px; }

.fz13 { font-size: 13px; }

.fz14 { font-size: 14px; }

.fz15 { font-size: 15px; }

.fz16 { font-size: 16px; }

.fz17 { font-size: 17px; }

.fz18 { font-size: 18px; }

.fz19 { font-size: 19px; }

.fz20 { font-size: 20px; }

.fz21 { font-size: 21px; }

.fz22 { font-size: 22px; }

.fz23 { font-size: 23px; }

.fz24 { font-size: 24px; }

.fz25 { font-size: 25px; }

.fz26 { font-size: 26px; }

.fz27 { font-size: 27px; }

.fz28 { font-size: 28px; }

.fz29 { font-size: 29px; }

.fz30 { font-size: 30px; }

/*-----------------------------------------------------------
FONT family
------------------------------------------------------------*/
@font-face { font-family: 'DIN'; src: url("din/DIN-Regular");
  /* IE9 Compat Modes */
  src: url("din/DIN-Regular.eot?#iefix") format("embedded-opentype"), url("din/DIN-Regular.woff2") format("woff2"), url("din/DIN-Regular.woff") format("woff"), url("din/DIN-Regular.ttf") format("truetype"), url("din/DIN-Regular.svg#svgFontName") format("svg");
  /* Legacy iOS */ }
.ffN { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.ffM { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }

.ffY { font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }

/*-----------------------------------------------------------
FLOAT
------------------------------------------------------------*/
.floatL { float: left; display: inline-block; }

.floatR { float: right; display: inline-block; }

/*-----------------------------------------------------------
Text-Align
------------------------------------------------------------*/
.taL { text-align: left; }

.taC { text-align: center; }

.taR { text-align: right; }

/*-----------------------------------------------------------
PAGE BOOT
------------------------------------------------------------*/
/* MovableType */
div#pageBoot { margin: 35px 0 60px 0; text-align: center; }

div#pageBoot a { color: #aaa; text-decoration: none !important; }

span.current_page { color: #FFFFFF; padding: 5px; border: 1px solid #aaa; background-color: #aaa; }

a.link_page { padding: 5px; border: 1px solid #aaa !important; }

a.link_page:hover { padding: 5px; border: 1px solid #aaa; background-color: #aaa; color: #FFFFFF !important; }

/* WordPress */
.wp-pagenavi { clear: both; text-align: center; font-family: Arial; font-size: 14px; }

.wp-pagenavi span, .wp-pagenavi a { line-height: 30px; display: inline-block; margin: 0 4px; color: #666; text-align: center; }

.wp-pagenavi a, .wp-pagenavi span.current { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; width: 30px; height: 30px; background: #ededed; }

.wp-pagenavi a:hover, .wp-pagenavi span.current { background: #1489c3; color: #fff; }

.wp-pagenavi .pages { margin-right: 15px; }

/*-----------------------------------------------------------
Body
-------------------------------------------------------------*/
body { width: 100%; color: #444; margin: 0; padding: 0; line-height: 1.5; letter-spacing: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; height: 100%;
overflow-x:hidden;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	word-wrap:break-word;
	min-width: 320px; }
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

/*-----------------------------------------------------------
Header
-------------------------------------------------------------*/
#wrapper {
	overflow-x: hidden;
}

#headerWrap { width: 100%; border-bottom: 1px solid #e8e8e8; position: fixed; left: 0; top: 0; z-index:1000; background-color: #fff; min-height: 100px; }

#headerInner { max-width: 1000px; margin: 12px auto; padding: 0; position: relative; }

#headerInner .logo { float: left; margin-top: 12px; }

#headerInner .headerR { float: right; padding-top: 6px; max-width: 560px; text-align: right; }
#headerInner .headerR a { display: inline-block; margin-top: 5px; margin-left: 12px;}

#headerInner h1 { color: #292929; font-size: 11px; font-weight: bold; position: absolute; left: 65px; top: 10px;}

.ul_header { text-align: right; font-size: 10px; margin-bottom: 20px; }

.ul_header li { display: inline-block; background: url(../../img/common/icon/ico_header.png) no-repeat left center; margin-left: 20px; padding-left: 15px; }

.ul_header li:hover { opacity: 0.5; }

.ul_header li:first-child { margin-left: 0px; }
.hButton { display: none;}

/*-----------------------------------------------------------
global Navi
-------------------------------------------------------------*/
#gNaviWrap { width: 100%; margin: 0 auto 5px; background: #21672a none repeat scroll 0 0; }

#gNaviWrap #gNavi { max-width: 1000px; padding: 12px 0 10px; }

.mainImg span { display: inline-block; bottom: 30px; position: absolute; left: 50%; width: 11%; text-align: center; margin-left: 70px; }

.relative { position: relative; }

.row1050 { margin: 0 auto; max-width: 1044px; }
.mainImg .row1050 {
	max-width: 1044px;
}

/*-----------------------------------------------------------
global Navi
-------------------------------------------------------------*/
#gNaviWrap #gNavi { max-width: 1000px; margin: 0 auto; }
#gNaviWrap #gNavi > li { float: left; position: relative; }
#gNaviWrap #gNavi > li {
	border-right: 1px solid #4d8555;
	text-align: center;
}
#gNaviWrap #gNavi > li,
#gNaviWrap #gNavi > li > a { height: 33px; display: block; color: #fff; font-size: 18px; line-height: 33px; }
#gNaviWrap #gNavi > li > a:hover { opacity: 0.6}
#gNaviWrap #gNavi > li#gNavi01 { width: 25%; border-left: 1px solid #4d8555; }
#gNaviWrap #gNavi > li#gNavi02 { width: 18%; }
#gNaviWrap #gNavi > li#gNavi03 { width: 13%; }
#gNaviWrap #gNavi > li#gNavi04 { width: 21%; }
#gNaviWrap #gNavi > li#gNavi05 { width: 23%; }

/*----------------------------------------------------------- Container/Maincontent
------------------------------------------------------------*/
div.container { max-width: 1000px; height: auto; padding: 0 30px; margin: 0 auto 10px auto; }

div.mainContent { width: 700px; height: auto; margin: 0; float: right; }

/*-----------------------------------------------------------
SubNavi
------------------------------------------------------------*/
#subNavi { width: 300px; float: left; }

/*-----------------------------------------------------------
Footer
------------------------------------------------------------*/
#footerWrap { width: 100%; background: url(../../img/common/footer/bg_footer.png); min-width: 1000px; padding: 50px 0; margin-top: 130px; }

.coppyright { color: #808080; margin: 70px 0 30px; font-size: 10px; text-align: center; }

#footerInner { width: 1000px; margin: 0 auto; padding: 0 30px; position: relative; color: #ccc; }

#footerInner .gotop { position: absolute; top: -85px; width: 100%; text-align: center; }
#footerInner .ul_footer { float: left; min-width: 215px; }
#footerInner .ul_footer li { margin: 7px 0; }
#footerInner .ul_footer a { color: #ccc; text-decoration: underline; }
#footerInner .ul_footer a:hover { color: #aaa; }
#footerInner .footerR { float: right; }
#footerInner .footerR h2 { font-size: 14px; font-weight: bold; margin: 10px 0; }
#footerInner .footerR h3, #footerInner .footerR p { margin-bottom: 10px; }

/*-----------------------------------------------------------
Bread
------------------------------------------------------------*/
#bread { margin: 20px 0; color: #999; font-size: 10px; float: right; }

#bread a { color: #999; background: url(../../img/common/other/ico_v.png) no-repeat right center; padding-right: 15px; margin-right: 7px; }

#bread a:hover { text-decoration: underline; }

#bread li { float: left; }

/*-----------------------------------------------------------
common
------------------------------------------------------------*/
.contactBox { background: url(../../img/common/other/bg_orther.jpg); width: 920px; height: 199px; position: relative; margin: 80px auto 0; }

.contactBox a { position: absolute; top: 123px; left: 565px; }

#top .mainImg { background: url("../../img/top/banner_01.jpg") no-repeat  50% 50%; background-size: cover; margin-top: 82px; }
#top .mainImg h2 { line-height: 507px; }

.fixBtn { position: fixed; width: 41px; right: 0; top: 40%; z-index: 1000; display: none; }

.wcm { width: 1000px; margin: auto; }

.wp-pagenavi, #textile .wp-pagenavi { text-align: right; }

.showSP { display: none !important; }
.hMenu { display: none;}
@media only screen and (min-width: 768px) {
.slideMenu,
.hMenu,
.hClose1 { display: none !important;}
}

@media only screen and (max-width: 893px) {
#headerInner h1 { display: none;}
#top .mainImg {
	margin-top: 163px;
}

}

@media only screen and (max-width: 767px) {
.showSP { display: block !important; }
  .hideSP { display: none !important; }
  #headerWrap { border-bottom: none; min-height: inherit; height: 45px; overflow: hidden;}
  #headerInner, .row1050 { padding: 0; width: 100%; }
  #top .mainImg {
	margin-top: 88px;
}
  .mainImg img { width: 100%; height: auto; }
	  #top .mainImg span {
		  width: 56.4%;
		  bottom: 12%;
		  left: 37.5%;
		  margin: 0;
	}
  #headerInner .headerR { padding-top: 0; width: 25px; }
  #headerInner .floatL .logo { height: auto; margin-top: 0; width: 220px; }
  #headerInner .logo { margin-top: 0; }
  #headerInner { margin: 0; }
  #headerInner .headerSP { background: #efefef; padding: 10px; }
  #headerInner .headerR a { margin-left: 0;}
  .hMenu { cursor: pointer;}
  .fixBtn { display: none;}
  
#gNaviWrap { display: none;}  
  
 .hButton { 
	 position: fixed;
	 top: 45px;
	 left: 0;
	 width: 100%;
	 background: #fff;
	 text-align: center; 
	 padding: 5px 0; 
	 display: block;
	z-index: 999;}
.hButton li {
	display: inline-block;
	width: auto;
	margin: 0 1px;
}
 .hButton li img {
	 width: auto;
	 height: 52px;
} 
.imgMax {
	width: 100%;
}

.hMenu { display: block;}
.hMenu.active { display: none; }
.hClose1 {
	position: fixed;
	right: 12px;
	top: 12px;
	z-index: 1001;
	cursor: pointer;
	display: none;
}
.hClose1.active {
	display: block;
}
.slideMenu {
	position: fixed;
	left:0;
	top: 45px;
	width: 100%;
	z-index: 999;
	background-color: #21672a;
	display: none;
}
.slideMenu ul li {
	border-bottom: 1px solid #fff;
}
.slideMenu ul li a {
	display: block;
	color: #fff;
	font-size: 14px;
	padding: 14px 15px;
	position: relative;
}
.slideMenu ul li a:before {
	content: "";
	position: absolute;
	right: 13px;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -4px;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #fff;
	border-top: 5px solid transparent;
}
.hClose2 {
	text-align: center;
	padding: 15px 0;
}
.hClose2 img {
	cursor: pointer;
}




  }


.submitBtn_mod:hover{
	opacity: 0.8;
	}
@media only screen and (max-width:767px) {
	.submitBtn_mod:hover{
	opacity: 1.0;
	}
}