body {
	margin: 0;
	padding: 0;
	font-family:"Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	font-size:100%;
	font-weight:300;
	line-height:180%;
	color:#222;
	min-width:1300px;
	-webkit-text-size-adjust:100%;
}
img {
	border: none;
	vertical-align:bottom;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	margin: 0;
	padding: 0;
	font-size:100%;
	list-style:none;
	box-sizing:border-box;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd, ol, ol li, table, th, td {
	background-image:url(../image/spacer.gif);
}

a:link {color:#06F; outline:none; }
a:visited {color:#06F;}
a:hover {color: #333;}
a:hover img { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}

#wrapper {}
#base {}

.pc {display:block;}
.sm {display:none;}

/*** TEL ******************************************************************/
.tel { 
	position:absolute; 
	top:15px; 
	right:15px; 
	z-index:1; 
	background:rgba(255,255,255,.2); 
	border-radius:5px;
	width:219px;
	height:59px;
	text-align:center;
}
.tel a { text-decoration:none; color:#fff; display:block; line-height:130%; padding:11px 0 6px; }
.tel a b { display:block; font-size:176%; font-weight:500; }
.tel a small { font-size:81%; font-family:"M Plus Rounded 1C"; }


/*====================================================================================================
  HEADER
====================================================================================================*/
#header { 
	position:relative;
	clear:both;
	width:100%; 
	background:url(../image/head_bg02.png) repeat center center;
	z-index: 99999999;
}
#header::after { display:block; clear:both; content:"";}
#header::before {
	content:"";
	position:absolute; top:-68px; left:0; right:0;
	margin:auto; width:100%; height:70px;
	background:url(../image/head_bg03.png) no-repeat center top;
	background-size:cover;
}
#header .h_box { clear:both; margin:auto; max-width:1000px; width:100%; height:90px; position:relative; }
#header .h_box::after { clear:both; content:""; display:block; }


/*** LOGO ******************************************************************/
#header h1,
#header h1 a { display: block; width:373px; height:142px; }
#header h1 { 
	text-align: center; 
	text-decoration: none; 
	position:absolute;
	left:-75px;
	bottom:-5px;
}
#header h1 a {
	color: #222;	
	text-indent: -9999px;
	background: url(../image/logo_pc.png) no-repeat;
	
}


/*** NAVIGATION ************************************************************/
nav { float:right; }
#Nav {}
#Nav ul {}
#Nav ul::after { display:block; clear:both; content:"";}
#Nav ul li { float:left; }
#Nav ul li p a {
	display: block;
	padding:30px 10px;
	height: 90px;
	color: #fff;
	font-size: 113%;
	text-align: center;
	text-decoration: none;
	line-height: 130%;
	box-sizing: border-box;
}
#Nav ul li p a:hover { opacity:0.7; }
#Nav ul li#nav1,
#Nav ul li#nav8,
#Nav ul li#nav9 { display:none; }

#Nav ul li ul { width:300px; background: #70a45f; border-radius: 10px;}
#Nav ul li ul li { float:none; width:100%; border-left:none; background: #fff;}
#Nav ul li ul li+li { margin-top: 5px;}
#Nav ul li ul li a { display: block; padding:10px 20px; text-decoration: none; color: #70a45f;}
#Nav ul li { position: relative; }
#Nav ul li ul { position: absolute; top:80px; left:-150px; right:-150px; margin: auto; height:0; overflow: hidden; opacity: 0; transition: all 0.3s;}
#Nav ul li:hover ul { display: block; height: auto; top:90px; padding: 10px; opacity: 10; z-index: 999999;}
#Nav ul li#nav2:hover p::before,
#Nav ul li#nav3:hover p::before,
#Nav ul li#nav5:hover p::before {
	display: block; clear: both; content:"";
	position: absolute; bottom:0; left: 0; right: 0;
	width: 0; height: 0; margin: auto;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #70a45f;
	 z-index: 9999;
}


/*====================================================================================================
  CONTENT
====================================================================================================*/
#content { clear:both; width:100%; }



/*** FLOATING BAR ******************************************************************/
#floatingbar {
	position:fixed; 
	bottom:0; 
	width:100%;
	background-color:#70a45f; 
	box-shadow:0 -1px 5px rgba(0,0,0,.3);
	z-index:9999; 
}
#floatingbar ul { width:400px; margin:auto; }
#floatingbar ul::after { display:block; clear:both; content:""; }
#floatingbar ul li { float:left; width:45%; height:100%; }
#floatingbar ul li:first-child { width:55%; padding-left: 20px;}
#floatingbar ul li a { display:block; color:#fff; text-decoration:none; padding:20px 10px 10px 0; }
#floatingbar ul li:first-child a { padding:21px 0 16px; text-align:left; }
#floatingbar ul li:first-child a b { display:block; font-size:163%; font-weight:500; line-height:100%;}
#floatingbar ul li:first-child a small { font-size:75%; font-family: 'M PLUS Rounded 1c', sans-serif; }
#floatingbar li a p {
	display:block;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight:500;
	line-height:120%;
	font-size:89%;
	border:3px solid #fff;
	border-radius:8px;
	padding:15px 0 15px 15px;
	letter-spacing:0.2em;
	position:relative;
}
#floatingbar li a p::after {
	content:"";
	background:url(../image/employ_img-sm.png) no-repeat;
	width:98px;
	height:81px;
	position:absolute;
	right:-9px;
	bottom:-15px;
}


/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer {
	position:relative;
	clear:both; width:100%; color:#FFF;
	background:linear-gradient(rgba(112,164,95,0.8),rgba(112,164,95,0.8)), url(../image/f_bg.png) no-repeat;
	background-size:cover;
}
#footer::before {
	content:"";
	position:absolute; top:-58px; left:0; right:0;
	margin:0 auto; width:117px; height:116px;
	background:url(../image/f_icon.png) no-repeat;
}
#footer .f_box1 { text-align:center; padding:80px 0 30px; }
#footer .f_box1 p.logo {
	margin:0 auto 8px;
	width:278px; height:30px;
	text-indent:-9999px;
	background:url(../image/f_logo.png) no-repeat;
}
#footer .f_box1 p.add {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	line-height:160%;
}
#footer .f_box1 p.add a {color:#FFF;}


/* NAVIGATION */
#footer ul {
	max-width:1000px;
	margin:0 auto;
	padding:20px 59px;
	border-top:2px dotted #FFF;
	border-bottom:2px dotted #FFF;
	overflow: hidden;
}
#footer ul li { float:left; }
#footer ul li+li { border-left:1px solid #FFF; }
#footer ul li a {
	display:block;
	padding:0 10px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	line-height:100%;
	letter-spacing:1px;
	color:#FFF;
	text-decoration:none;
}
#footer ul li a:hover { opacity:0.7; }


/* COPYRIGHT */
#footer .copy { padding:30px 0; text-align:center;}


/*====================================================================================================
  PAGE
====================================================================================================*/
#p_top,
#p_top a { display:block; width:50px;　height:50px;}
#p_top { position: fixed; bottom:30px; right:30px; z-index:1;}
#p_top a { text-indent: -9999px; background:#fff url(../image/page_top.png) no-repeat center center;}


/*====================================================================================================
  COLOR eto.. [No Touch]
====================================================================================================*/
.light-blue { color: #40A6DD;}
.blue { color: #0000FF;}
.dark-blue { color: #000099;}
.purple { color: #660099;}
.pink { color: #FF6699;}
.red { color: #FF0000;}
.orange { color: #FF6600;}
.yellow { color: #FFCC00;}
.white { color: #FFFFFF;}
.gray { color: #666666;}
.brown { color: #663300;}
.green { color: #339900;}
.italic { font-style: italic;}
.strong { font-weight: bold;}
.large { font-size: 115%; line-height: 140%;}
.small { font-size: 80%;}
.underline { text-decoration: underline;}
.line-through { text-decoration: line-through;}
.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}