@charset "utf-8";
/* -----------------------------------------------------------------------------
	layout
----------------------------------------------------------------------------- */
body{ background:#FFF; font-family:"rounded-x-mplus-1c-regular", "Boku2-Regular", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;}
img{max-width:100%;}
section{ position:relative; display:block; width:100%; min-width:160px; overflow:hidden; }
section>h1{ display:block; width:100%; font-size:2em; margin:40px 0; text-align:center; font-family:"rounded-x-mplus-1c-bold", "Boku2-Bold";}
section>h3{ display:block; width:100%; font-size:1.8em; color:#85683E; margin:10px 0 40px 0; text-align:center; font-family:"rounded-x-mplus-1c-medium", "Boku2-Bold";}
header{ clear:both; position:fixed; top:0; left:0; width:100%; background:#FFF;  z-index:200; }
header h2{ position:absolute; display:block; z-index:30;}
header h2 a{ display:block; }
header nav{ display:none; width:100%; z-index:310;}
header .gmenu { clear:both; width:100%; }
header .gmenu li{ display:block; overflow:hidden; }
header .gmenu li a{ display:block; font-family:"rounded-x-mplus-1c-bold", "Boku2-Bold", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif; }
header .gmenu li.border{ border-bottom:1px #FFF solid; }
header .btn_gmenu{ position:relative; display:block; z-index:300; }
footer{ overflow:hidden; margin-top:30px; }
footer a{ color:#3A3A3A; }
footer .inner{ display:block; max-width:1070px; width:95%; margin:45px auto 10px auto;}
footer .corp{ clear:both; padding:20px 2.5%; background:#F0F0F0;}
footer .tel{padding-right:10px;}
footer p.copy{ clear:both; display:block; background:#8DAB49; color:#FFF; text-align:center; padding:25px 0;}
a .glayLayer{ 	position:absolute; 	left:0; 	top:0; 	height:100%; 	width:100%; 	background:url(../../images/common/hover_bg.png); z-index:190; }
a .glayLayer .image{ 	position:absolute; 	left:0; 	top:0; 	height:100%; 	width:100%;  background:url(../../images/common/hover.gif) center center no-repeat; }
/******** PC用 ********/
@media screen and (min-width:736px){
	.disp_sp{ display:none;}
	section{ padding-top:71px; }
	header{ min-height:68px; border-top:3px #8DAB49 solid;  border-bottom:1px #8DAB49 solid; overflow:visible; }
	header h2{ top:10px; left:5%; padding:7px 0;}
	header h2 a{ width:260px; height:40px; background:url(../../images/common/header/pc/logo.png) left center no-repeat; }
	header h2 a:hover{ text-decoration:none;}
	header .btn_gmenu{ width:80px; height:36px; margin:30px auto 0 auto; background:url(../../images/common/header/pc/menu.png) no-repeat;}
	header .btn_gmenu.open{ background-image:url(../../images/common/header/pc/menu_on.png);}
	header nav{ background:#8DAB49;  }
	header .gmenu{ max-width:875px; overflow:hidden; margin:0 auto; }
	header .gmenu li{ float:left; width:16.6%;}
	header .gmenu li a{  max-width:120px;  color:#FFF; text-align:center; padding:7px 0; margin:19px auto; border-radius:5px; /* CSS3草案 */  -webkit-border-radius: 5px;/* Safari,Google Chrome用 */  -moz-border-radius: 5px;/* Firefox用 */ }
	header .gmenu li a:hover{ color:#FFF; color:#8DAB49; background:#FFF; text-decoration:none;	}
	header .info{ display:block; position:absolute; top:40px; right:5%; width:260px; text-align:right; overflow:hidden;}
	header .info .email{ clear:both; font-size:12px; color:#666666; padding-left:22px; background:url(../../images/common/header/pc/email.png) left center  no-repeat; }
	header .tel.disp_sp{ background:none; }
	footer h3{ margin-bottom:17px; font-weight:bold;}
	footer .sitemap{ max-width:875px; width:100%; margin:0 auto;　border-top:1px #B8B8B8 dotted;}
	footer .sitemap li{ float:left; width:16.6%;}
	footer .sitemap li a{ display:block; text-align:center; background:url(../../images/common/footer/pc/arrow.gif) left center no-repeat; padding-left:10px;}
	#btnTop{ position: fixed; bottom:50px; right:20px; z-index:100;}
	footer .corp{ text-align:center;}
	footer .address{ padding-right:10px;}
}

/******** スマホ、タブレット用 ********/
@media screen and (max-width:735px){
	.disp_pc{ display:none;}
	section{ padding-top:105px; }
	header{ height:105px; overflow:inherit;}
	header h2{ top:20px; left:2.5%; width:70%; heigt:61px;}
	header h2 a{ width:100%; height:61px; background:url(../../images/common/header/sp/logo.png) left center no-repeat; background-size:contain;}
	header nav{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../images/common/header/sp/menu_bg.png); }
	header .btn_gmenu{ width:38px; height:45px; margin:30px 2.5% 0 auto; background:url(../../images/common/header/sp/menu.png) no-repeat; background-size:contain;}
	header nav { overflow:auto; }
	header nav h3{ display:block; text-align:center; margin:50px 0 30px 0; }
	header nav .close{ position:absolute; display:block; width:59px; height:59px; top: 24px; right:2.5%; background:url(../../images/common/header/sp/btn_close.gif) no-repeat; }
	header nav .tel{ width:95%; max-width:563px; text-align:center; margin:0 auto; padding:20px 0; /*border-top:1px #FFF solid;*/}
	header .gmenu li{ width:100%; margin-bottom:20px; }
	header .gmenu li a{ width:100%; color:#FFF; font-size:20px; text-align:center; }
	footer .sitemap{ clear:both; width:100%; padding-top:55px; overflow:hidden;}
	footer .sitemap li { display:block; float:left; width:50%; margin-bottom:15px; padding:10px 0; overflow:hidden; }
	footer .sitemap li a{ display:block; padding-left:25px; color:#000; font-size:20px; background:url(../../images/common/footer/sp/icon.gif) 5px center no-repeat; background-size:contain; }
	footer .address{ display:block;}
	#btnTop{ display:block; background:#E79C49;}
	#btnTop a{ display:block; text-align:center; padding:15px 0;}
}
/* -----------------------------------------------------------------------------
	0. universal
----------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,address,caption,table,th,td,img {margin : 0;padding : 0; }

/* -----------------------------------------------------------------------------
	1. html, body, a
----------------------------------------------------------------------------- */
a:link {	text-decoration:none;	}
a:hover {	text-decoration:underline;	}
a img:hover{alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
a:active {	}

/* -----------------------------------------------------------------------------
	2. inline elements
----------------------------------------------------------------------------- */
img { max-width:100%;	border: none;	vertical-align : bottom;	line-height    : 0;	}
embed, object {	outline : none;	}
object {	vertical-align : middle;	outline : none;	}
address, caption, cite, code, dfn, th, var {	font-weight : normal;	font-style : normal;	}
em, strong {	font-weight : bold;	font-style : normal;}
sup {	vertical-align : text-top;	}
sub {	vertical-align : text-bottom;	}
fieldset {	border : none;	}
input, textarea, select, label {	font-size : 100%;	font-family : inherit;	vertical-align : middle;	}
label {	cursor : pointer;	}
textarea {	overflow : auto;}

/* -----------------------------------------------------------------------------
	3. block elements
----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {	font-size : 100%;	font-weight: normal;	line-height : 1;}
hr {display : none;	}
q:before, q:after {	content : '';}
abbr, acronym {	border : none;	font-variant : normal;	}
ul, ol {list-style : none;}

/* -----------------------------------------------------------------------------
	4. table elements
----------------------------------------------------------------------------- */
table {	border-collapse : collapse;	border-spacing  : 0;	}
caption, th, td {	text-align      : left;	vertical-align  : top;	}

/* -----------------------------------------------------------------------------
	5. html5 elements(not use)
----------------------------------------------------------------------------- */
header, nav, aside, section, article, footer,address,figure,figcaption,hgroup,hr,legend,menu,summary {	display : block;	}
body {	font        : 13px/1.231;	*font-size  : small; /* for IE */	*font       : x-small; /* for IE in quirks mode */	}
select, input, button, textarea {	font        : 99% arial,helvetica,clean,sans-serif;	}
table {	font-size   : inherit;	font        : 100%;	}
pre, code, kbd, samp, tt {	font-family : monospace;	*font-size  : 108%;	line-height : 100%;	}

/* -----------------------------------------------------------------------------
	6. WEB font
----------------------------------------------------------------------------- */
@font-face {
	font-family: 'Boku2-Regular';/*ぼくたちのゴシック２レギュラー*/
	src: url('../font/Boku2-Regular.otf') format('opentype');
	font-family: 'Boku2-Bold';/*ぼくたちのゴシック２ボールド*/
	src: url('../font/Boku2-Bold.otf') format('opentype');
	font-family: 'rounded-x-mplus-1c-light';/*Rounded M+ 細字*/
	src: url('../font/rounded-x-mplus-1c-light.ttf') format('truetype');
	font-family: 'rounded-x-mplus-1c-regular';/*Rounded M+ 標準*/
	src: url('../font/rounded-x-mplus-1c-regular.ttf') format('truetype');
	font-family: 'rounded-x-mplus-1c-medium';/*Rounded M+ 中太*/
	src: url('../font/rounded-x-mplus-1c-medium.ttf') format('truetype');
	font-family: 'rounded-x-mplus-1c-bold';/*Rounded M+ 太字*/
	src: url('../font/rounded-x-mplus-1c-bold.ttf') format('truetype');
}