@charset "utf-8";

/* reset
------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 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;
}
body {
	line-height:1;
}

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

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

/* base
------------------------------------------- */
*{margin:0;padding:0;}
html{overflow-y:scroll;}

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

.clearfix {
    zoom:1;/*for IE 5.5-7*/
	overflow:hidden;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a{outline:none;}

body{
	font-size:100%;
	line-height:1.8em;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	color:#254437;
	}

/* link
------------------------------------------- */
a:link,a:visited{
	color:#2d6e4d;
	text-decoration:underline;
	}

a:hover,a:active{
	color:#2d6e4d;
	text-decoration:none;
	}

#body{ background:url(../images/bg.jpg) no-repeat center top #e6e9e0}
#body2{background:url(../images/bg2.jpg) #e6e9e0}

/* header
------------------------------------------*/
#logo{
	float:left;
	width:326px
	}

#header{
	width:100%;
	padding:0;
	margin:0 auto;
	}

#header .inr{
	margin:0 auto;
	width:1000px;
	}

/* navigation
------------------------*/
#nav {
	position: relative;
	margin-left:391px;
	width:500px;
	}

#nav a {
	text-decoration:none;
	color:#333;
	width:100px;
	height:147px;
	display:block;
	float:left;
	}

#nav span {
	background:#2d6e4d;
	height:3px;
	display:block;
	position:absolute;
	width:100px;
	left:0;
	top:115px;
	margin-left:1px;
	}

#recruitBtn{
	position:absolute;
	top:-9px;
	}

#recruitBtn .inr{
	position:relative
	}

#recruitBtn .inr img{
	position: absolute;
	top:0px;
	left:900px;
	cursor:pointer;
	}

#recruitBtn .inr .img02{ opacity:0;}

/* mainimg
------------------------------------------*/
#mainimg{
	clear:both;
	width:100%;
	}

#mainimg .inr{
	margin:0 auto;
	width:1000px;
	height:370px;
	}

.flexslider{
	width:1000px;
	 margin:0px auto;
	height:370px;
	 }

/* wrapper
------------------------------------------*/
.wrapper{
	clear:both;
	margin:0px auto;
	padding:0 0 60px 0;
	}

.wrapper .inr{
	width:1000px;
	margin:0 auto;
	}

/* footer
------------------------------------------*/
#footer{
	clear:both;
	margin:0px auto;
	background:#254437;
	color:#a9b3af;
	font-size:80%;
	letter-spacing:0.1em;
	}

#footer .inr{
	width:1000px;
	margin:0 auto;
	padding:50px 0;
	}

#footer-left{
	float:left;
	width:400px;
	border-right:1px solid #577065
	}

#footer ul{
	list-style:none;
	margin-bottom:10px;
	float:left;
	}

#footer li{

	line-height:3em;
	}

#footer li i{
	margin-right:10px;
	color:#a2b1ab;
	}

#footer li a:link,
#footer li a:visited{
	color:#a2b1ab;
	text-decoration:none;
	}

#footer li a:hover,
#footer li a:active{
	color:#a2b1ab;
	text-decoration: underline;
	}

#footer-right2{
	float:right;
	width:270px;
	}

#footer-right2 h3{
	color:#78b97f;
	font-size:150%;
	font-weight:normal;
	letter-spacing:0.3em;
	margin-bottom:10px;
	}

#footer-right{
	float:right;
	width:290px;
	font-size:120%;
	text-align:right;
	}

#footer-right span{
	font-size:170%;
	}

#footer-right div{
	padding-top:140px;
	}

#footer-right span{
	color:#78b97f;
	text-decoration:none
	}

/* index.html
------------------------------------------*/
.p01-box1{
	float:left;
	width:620px;
	margin-top:200px;
	line-height:2.6em;
	letter-spacing:0.1em;
	}

.p01-box2{
	float:right;
	width:300px;
	margin:80px 0 50px 0;
	}

.grid i{margin-bottom:10px}


/* 全ページ共通
------------------------------------------*/
.h2{ padding:20px 0 45px 0}

/* business.html
------------------------------------------*/
.p02-box1{float:left; width:480px; margin-bottom:50px;}
.p02-box2{float:right;width:480px; margin-bottom:50px;}

.p02-box1 h3{
	background:#3d9c73;
	color:#fff;
	padding:20px;
	font-size:130%;
	font-weight:normal;
	text-align:center;
	margin-bottom:20px;
	}

.p02-box2 h3{
	background:#2d6e4d;
	color:#fff;
	padding:20px;
	font-size:130%;
	font-weight:normal;
	text-align:center;
	margin-bottom:20px;
	}

.p02-box1 i,
.p02-box2 i{
	margin-right:10px;
	}

.p02-box1 ul li,
.p02-box2 ul li{
	padding:5px 0;
	border-bottom:1px dashed #aaa
	}

/* performance.html
------------------------------------------*/
#left{ float:left; width:245px;}
#right{float:right;width:720px;}

#left h3{
	background:#2d6e4d;
	color:#fff;
	font-weight:normal;
	padding:12px 10px 10px 10px;
	font-size:120%;
	text-align:center;
	}

.cate-list{
	border-collapse:collapse;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	}

.cate-list li a{
	background:url(../images/cate_bg.png) no-repeat left top #fff;
	padding:15px 9px 15px 40px;
	border-bottom:1px solid #ddd;
	display:block;
	zoom:1;
	}

.cate-list li a:link,
.cate-list li a:visited {
	color:#333;
	text-decoration:none;
	}

.cate-list li a:hover{
	color:#333;
	text-decoration:none;
	background:url(../images/cate_bg.png) no-repeat left top #f2f3ef;
	padding:15px 9px 15px 40px;
	display:block;
	zoom:1;
	}

/* アイテム
------------------------------------------*/
.pickup_box{
	width:720px;
	overflow:hidden;
	}

.pickup_box02{
	width:760px;
	overflow:hidden;
	*zoom:1
	}

.pickup_box .item{
	float:left;
	width: 216px;
	margin:0 33px 33px 0;
	line-height:1.3em;
	position: relative;
	}

.spang {
    position: absolute;
	right: 0px;
    bottom: 0px;
	opacity:0.5;
	}

.pickup_box .item .item-div{
	display: table-cell; /*上下中央*/
	width: 216px;
	height: 172px;
	text-align: center; /*左右中央*/
	vertical-align: middle; /*上下中央*/
	layout-grid-line:175px; /*IE7*/
	border:1px solid #ddd;/*境界線*/
	background:#fff;
	position:relative;
	}

.pickup_box .item .item-div img {
	width:auto;
	height:auto;
	max-width:216px;
	max-height:172px;
	vertical-align: middle;/*IE7*/
	}

.pickup_box .item h4{
	font-size:85%;
	padding-top:10px;
	text-align:center;
	}

/* ページング
-------------------- */
.page-bg {
	border-top:1px solid #9ecdb9;
	border-bottom:1px solid #9ecdb9;
	padding:10px;
	margin-bottom:30px;
	}

.page {
	float:left;
	font-size:90%;
	width:300px;
	}

.paging {
	float:right;
	width:700px;
	text-align:right;
	color:#fff;
	}

.paging span.current,
.paging span a.paging-text {
	background: #9ecdb9;
	margin:0 0 0 6px;
	padding:2px 5px;
	text-decoration:none;
	color:#fff
	}

.paging span.current {
	color:#fff;
	background:#2d6e4d
	}

.paging span a.paging-text:hover {
	color:#fff;
	background:#2d6e4d
	}

/* recruit.html
---------------------------------------------------- */
.ctnav {}
.ctnav ul{
	clear:both;
	border-left: 1px solid #ccc;
	border-top:none;
	}

.ctnav li{
	display:block;
	border-bottom:none;
	border-left:none;
	border-right:none;
	background:none;
	}

.ctnav li a{
	border-right: 1px solid #ccc;
	float: left;
	font-size:90%;
	width:33.2%;
	margin-bottom:10px;
	display:inline;
	font-weight:bold;
	line-height:normal;
	padding: 15px 0px;
	text-align: center;
	color:#333;
	text-decoration:none;
	}

.ctnav.top li a{
	width:24.5%;
}

.ctnav.top .txt_sm {
font-size: 90%;
}

.ctnav li span{ float:none}
.ctnav li a:hover,
.ctnav li a:active{
	color:#fff;
	background:#2d6e4d;
	/*transition: 0.5s;*/
	}

.ctnav_current a{
	color:#fff !important;
	background: #3d9c73
	}

.ctnav li i{
	font-size:120%;
	margin-right:10px;
	color:#3d9c73;
	vertical-align:middle;
	}

/* company.html
------------------------------------------*/
.p05-box1{
	float:left;
	width:100%;
	}

.p05-box2{
	float:right;
	width:480px;
	}

/* contact.html
------------------------------------------*/
.contact_table{
	word-break:break-all;
	width:100%;
	margin-bottom:30px;
	background:#fff;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

.contact_table th{
	padding:10px 20px;
	vertical-align:middle;
	text-align:center;
	width:200px;
	font-size:90%;
	border-top:1px solid #ccc;
	text-align:left;
	background:#eee;
	}

.contact_table th i{
	margin-right:10px;
	color:#3d9c73
	}

.contact_table td{
	padding:20px 0 20px 20px;
	vertical-align:middle;
	border-top:1px solid #ccc;
	}

.contact_table th span{
	font-size:90%;
	background:#cc3333;
	color:#fff;
	padding:0px 7px;
	border-radius:4px;
	float:right
	}

.needinput{
	background-color:#e4f4e7;
	border:1px solid #ccc
	}

.form-xs{width:100px}
.form-s{width:200px}
.form-m{width:350px}
.form-l{width:500px}
.form100{width:93%}

input{
	font-size:100%;
	vertical-align:middle;
	padding:14px
	}

input[type="text"], select{
	border:1px solid #ddd;
	padding:14px;
	border-radius:4px
	}

input:focus[type="text"]{border:1px solid #ccc;}
input[type="checkbox"], input[type="radio"] {vertical-align:middle}
.required input[type="text"], .required input[type="password"], .required select, .required textarea{ border:1px solid #ccc;background-color:#fee; padding:14px;}
.required input[type="text"]:focus, .required input[type="password"]:focus, .required textarea:focus{border:1px solid #f99; }

textarea{
	font-size:100%;
	border:1px solid #ccc;
	padding:14px;w
	idth:99%;
	border-radius:4px;
	}

input,textarea{
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-Webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}

/* ボタン（送信ボタン）
---------------------*/
.btn-green a:link{
	display:block;
	text-align: center;
	text-decoration: none;
	outline: none;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	color:#fff;
	background:#629a6c !important;
}

.btn-green::before,
.btn-green::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}

.btn-green,
.btn-green::before,
.btn-green::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	background:#629a6c !important;
	border:0px solid #ccc;
	padding:22px 25px !important;
	}

.btn-green {
	font-family:Arial, sans-serif;
	font-size:1em;
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
	background:#629a6c !important;
	cursor:pointer;
	}

.btn-green:hover {
	background: #31783e !important;
	color: #fff;
	}

.btn-green a{
	text-decoration: none;
	color: #fff;
	}

.btn-green a:link{
	display:block;
	}

.btn-green i{
	margin-left:10px;
	color: #fff;
	}

/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
    color:#999; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color:#999; }

/* Firefox 18- */
:-moz-placeholder {
    color:#999; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color:#999; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color:#999; }

/* プラポリ
-------------------------------*/
.con-ul{
	padding-bottom:30px;
	padding-left:30px;
	list-style:decimal
	}

.con-ul li{
	padding:3px 0;
	border-bottom:1px dashed #bbb;
	}

/* style
------------------------------------------- */
img{border:0;vertical-align:bottom;}
.imglink a:hover img {opacity:0.7;	filter:alpha(opacity=70);-moz-opacity: 0.7}
.clear{clear:both;}
.red{color:#c00;}
.f-left{float:left;}
.f-right{float:right;}
.ctr{text-align:center;}
.rgt{text-align:right;}
.lhn{line-height:normal}
.bold{font-weight:bold}
.fs120{font-size:120%}
.border{border:1px solid #fff;}

/* ボタン（緑）
---------------------*/
.btn-01 a:link{
	display:block;
	text-align: center;
	text-decoration: none;
	outline: none;
	cursor:pointer;
	}

.btn-01::before,
.btn-01::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}

.btn-01,
.btn-01::before,
.btn-01::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	background:#629a6c;
	}

.btn-01 {
	font-family:Arial, sans-serif;
	font-size:100%;
	letter-spacing:0.1em;
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
	cursor:pointer;
	padding:15px 20px;
	}

.btn-01:hover {
	background: #31783e;
	color: #fff;
	}

.btn-01 a{
	text-decoration: none;
	color: #fff;
	}

.btn-01 a:link{
	display:block;
	}

.i_l i{
	margin-left:10px;
	font-size:120%;
	}

/* table
------------------------ */
.th15 th{width:15%;}
.th20 th{width:20%;}
.th23 th{width:23%;}
.th30 th{width:30%;}

/* シンプル
------------ */
.table{
	width:100%;
	border-bottom:1px solid #ccc;
	}

.table th{
	border-top:1px solid #ccc;
	padding:10px 0px;
	vertical-align:top;
	text-align:left
	}

.table td{
	border-top:1px solid #ccc;
	padding:10px 0px;
	vertical-align:top;
	}

/* 通常
------------ */
.table2{
	word-break:break-all;
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#fff;
	}

.table2 th{
	background:#f5f5f5;
	border:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	}

.table2 td{
	border:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
	}

.td1{background:#eee}

/* 会社
------------ */
.table3{
	word-break:break-all;
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#fff;
	}

.table3 th{
	background:#f5f5f5;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	}

.table3 td{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
	}


.table4-list li {
	margin-bottom: 5px;
}

.table4-list li:last-child {
	margin-bottom: 0px;
}

.table4 {
	word-break:break-all;
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#fff;
}

.table4 th{
	background:#fff;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
}

.table4 td{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
}




/* width
--------------------------------- */
.w40{width:40px;}
.w60{width:60px;}
.w80{width:80px;}
.w90{width:90px;}
.w110{width:110px;}
.w120{width:120px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w230{width:230px;}
.w240{width:240px;}
.w250{width:250px;}
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w285{width:285px;}
.w290{width:290px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w370{width:370px;}
.w360{width:360px;}
.w380{width:380px;}
.w390{width:390px;}
.w400{width:400px;}
.w420{width:420px;}
.w430{width:430px;}
.w450{width:450px;}
.w460{width:460px;}
.w470{width:470px;}
.w480{width:480px;}
.w490{width:490px;}
.w500{width:500px;}
.w510{width:510px;}
.w520{width:520px;}
.w530{width:530px;}
.w540{width:540px;}
.w550{width:550px;}
.w560{width:560px;}
.w580{width:580px;}
.w600{width:600px;}
.w610{width:610px;}
.w620{width:620px;}
.w650{width:650px;}
.w660{width:660px;}
.w670{width:670px;}
.w680{width:680px;}
.w700{width:700px;}
.w740{width:740px;}
.w750{width:750px;}
.w760{width:760px;}
.w780{width:780px;}
.w800{width:800px;}
.w820{width:820px;}
.w860{width:860px;}
.w900{width:900px;}
.w920{width:920px;}

/* height */
.h195 {height: 195px;}

/* mb
--------------------------------- */
.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb25{ margin-bottom:25px}
.mb30{ margin-bottom:30px}
.mb40{ margin-bottom:40px}
.mb50{ margin-bottom:50px}

.mr25{ margin-right:25px}

/* list
--------------------------------- */
ul{list-style:none}
ul.ul_none {
	list-style:none;
	font-size:90%;
	width:690px;
	margin-left:120px;
	margin-bottom:20px;
	padding:30px;
	border:5px solid #ddd;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	border-radius: 20px;
	}

ul.ul_none li{
	padding:8px 0 8px 0;
	border-top:1px dashed #ccc;
	}

/* title
--------------------------------- */
.title01{
	clear:both;
	background:#c6dbd2;
	color:#2d6e4d;
	font-size:130%;
	padding:11px 15px 11px 15px;
	margin-bottom:30px;
	font-weight:bold
	}

.title02{
	clear:both;
	font-size:110%;
	border-left:5px solid #2d6e4d;
	padding:2px 0 2px 10px;
	margin-bottom:30px;
	font-weight:bold
	}

.title03{
	clear:both;
	font-size:100%;
	border-top:2px solid #2d6e4d;
	border-bottom:1px dashed #aaa;
	padding:10px 0;
	margin-bottom:30px;
	font-weight:bold
	}

.title04{
	clear:both;
	font-size:100%;
	background:#c9cfba;
	padding:30px 0;
	margin-bottom:30px;
	text-align:center;
	font-weight:bold
	}

/* pageTop
------------------------------------------*/
#pageTop{
position: fixed;
bottom:30px;
right:30px;
cursor:pointer; opacity:0;
z-index:9999;
}

#pageTop.moveTop{
	animation: moveTop 2s linear; opacity:0;
	}

@keyframes moveTop {
  0%   { transform:  translate(0px, 0px) rotate(0deg) ; opacity:1;   }
  25%   { transform:  translate(10px, -100px)  rotate(-10deg);   }
  50%   { transform:  translate(-10px, -250px) rotate(10deg); opacity:1;  }
  75%   { transform:  translate(10px, -450px) rotate(-10deg);   }
  100%  { transform:  translate(0px, -650px)  rotate(10deg);opacity:0 ;display:none;  }
}

#pageTop.moveIn{
	animation: moveIn 1s ease-in-out;opacity:1;
}

@keyframes moveIn {
  0%   { transform: rotate(0deg) translate(0px, 0px)  ; opacity:0 ;  }
  25%   { transform: rotate(-10deg);   }
  50%   { transform: rotate(0deg) translate(0px, -20px);  }
  75%   { transform: rotate(10deg);   }
  100%  { transform: rotate(0deg) translate(0px, 0px) ;opacity:1;  }
}

#side_tel{
	position:fixed;
	top:147px;
	right:30px;
	z-index:1000;
}
#side_tel:hover{
	transform: translateY(30px);
	transition:0.6s;
}

.tac {text-align: center;}


/* 20250523 */
.trial-list{
	padding-left: 1em;
}