/*
Zerotheme.com | Free Html5 Responsive Templates
Author URI: http://www.zerotheme.com/
*/

/* ---------------------------------------------------------------------------- */
/* ------------------------------------Reset----------------------------------- */
/* ---------------------------------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */

html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}

a{color: #4C4C4C;text-decoration: none;}
a:hover {color: #c00;}

h1, h2 	{font-size: 25px;line-height: 25px;}
h3, h4	{font-size: 20px;line-height: 20px;}
h5, h6	{font-size: 16px;line-height: 16px;}

p{margin: 10px 0;line-height: 1.6;letter-spacing: 1px;}

.post{}
.post:after, .post:before, article:after, article:before, section:after, section:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

.line{width: 90px; height: 3px; background-color: #444;display: inline-block;margin-top:20px;}

.underline{text-decoration:underline;}
/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
html, body {
width:100%;
padding:0;
margin:0;
}
body {
background: #fff;
color: #333;
font-family: Arial,Helvetica,Verdana,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
line-height:1.4;
}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Header--------------------------------- */
/* ---------------------------------------------------------------------------- */
.inner {
width: 980px;
margin: 0 auto;
}
.inner:after {
content: "";
clear: both;
display: block;
}
 
/* header */
#top-head {
top: -60px;
position: absolute;
width: 100%;
margin: 60px auto 0;
padding: 0;
line-height: 1;
z-index: 999;
background:url('img/bar.png') #333 repeat-x 0 0;
box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
}
#top-head a, #top-head {
color: #fff;
text-decoration: none;
}
#top-head .inner {
position: relative;
}
#top-head .logo {
float: left;
}

#global-nav ul {
/*position: relative;*/
margin: 0;
padding: 0;
list-style: none;
position: absolute;
left: 150px;
bottom: 0;
}
#global-nav ul::after {
display: block;
clear: both;
content: '';
}
#global-nav ul li {
position: relative;
float: left;
background:url('img/menu.png') no-repeat 0 10px;
}
#global-nav ul li:not(:first-child) {
}
#global-nav ul li:hover {
}
#global-nav ul li a {
display: inline-block;
color: #fff;
padding:0 40px;
line-height:60px;
text-align: center;
text-decoration:none;
font-size: 18px;
letter-spacing: 2px;
white-space: nowrap;
}
#global-nav ul ul {
position: absolute;
top: 100%;
left:0px;
}
#global-nav ul ul li {
float: none;
margin: 0;
background-image:none;
background-color:#333;
opacity: 0.7;
}
#global-nav ul ul li:not(:first-child) {
border-top: 1px solid #aaa;
}
#global-nav ul ul ul {
position: absolute;
left: 100%;
}
#global-nav ul ul {
visibility: hidden;
opacity: 0;
transition: .2s ease-in-out;
transform: translateY(-20px);
}
#global-nav ul li:hover > ul {
visibility: visible;
opacity: 1;
transform: translateY(0);
}

#global-nav ul li a {
display:block;
height:60px;
padding:0 40px;
background:url('img/menu.png') no-repeat 0 10px;
font-size: 18px;
letter-spacing: 2px;
color: #fff;
}
#global-nav ul .company a{
background:none;
}
#global-nav ul a:hover{
color: #c00;
}
/* Fixed */
#top-head.fixed {
margin-top: 0;
top: 0;
position: fixed;
height: 60px;
background:url('img/menu.png') #333 no-repeat 0 10px;
transition: top 0.65s ease-in;
-webkit-transition: top 0.65s ease-in;
-moz-transition: top 0.65s ease-in;
}

/* Toggle Button */
#nav-toggle {
display: none;
position: absolute;
right: 12px;
top: 14px;
width: 34px;
height: 36px;
cursor: pointer;
z-index: 101;
}
#nav-toggle div {
position: relative;
}
#nav-toggle span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #666;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 0;
}
#nav-toggle span:nth-child(2) {
top: 11px;
}
#nav-toggle span:nth-child(3) {
top: 22px;
}


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Container------------------------------ */
/* ---------------------------------------------------------------------------- */

/* ---content-box--- */
.content-box {
min-height: 100%;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.content-box .wrap-box {
position: relative;
padding:60px 10px;
}
.content-box .header {
margin: 60px 0;
text-align: center;
}
.content-box .header h2{
display: inline-block;
font-size: 32px;
line-height: 32px;
letter-spacing: 5px;
white-space:nowrap;
text-shadow:0 -1px 1px #fff,-1px 0 1px #fff,1px 0 1px #fff,0 1px 1px #fff,1px 1px 1px #000,2px 2px 2px #000,3px 3px 3px #000;
color: #c00;
}

.content-box .header p{margin-top: 30px;}
.boxstyle-4 .header p{color:#fff;}
.content-box .header .wrapper{padding: 5px 30px; display: inline-block;}
.content-box .post h3{margin: 10px 0;font-size: 18px;text-align:center;color:#c00;}
.content-box .post ul {margin:20px 0;}
.content-box .post ul li{list-style:square;margin:0 0 0 50px;}

.content-box.boxstyle-1{background-color: #fff;}
.content-box.boxstyle-2{background-color: #000;background-image: url('img/bg1.png');}
.content-box.boxstyle-3{background-color: #eee;background-image: url('img/bg2.jpg');}
.content-box.boxstyle-4{background-color: #333;background-image: url('img/bg3.jpg');}
.content-box.boxstyle-5{background-color: #fff;background-image: url('img/bg4.jpg');}
.content-box.boxstyle-6{background-color: #333;background-image: url('img/bg5.png');}
.content-box.boxstyle-7{
background: #666;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#666));
background: -webkit-linear-gradient(top, #fff, #666);
background: -moz-linear-gradient(top, #fff, #666);
background: -ms-linear-gradient(top, #fff, #666);
background: -o-linear-gradient(top, #fff, #666);
background-image: -ms-linear-gradient(top, #fff 0%, #666 100%);
}

.content-box.box-1 .top-logo {
margin:195px 0 135px;
text-align:center;
overflow:hidden;
}
.content-box.box-3 .post img{width:100%;border: 2px solid #eee;}
.content-box.box-4 .post img{width:100%;}

/* ---MainContent-Article--- */
#main-content {
background-color: #fff;
}
#main-content .wrap-content{
padding: 0px 20px;
}


/* ---Widget--- */

.widget{
margin-bottom: 30px;
padding: 20px 25px;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
background:#fff;
}
.widget:after, .widget:before{
clear: both;
content: '\0020';
display: block;
visibility: hidden;
width: 0;
height: 0;
}
/*#history .widget {
background:rgba(255,255,255,0.7);
}*/


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Footer Page---------------------------- */
/* ---------------------------------------------------------------------------- */
footer {
color: #222;
background:#eee;
}
footer .widget{
margin:20px 0;
padding:0;
border: none;
background:#eee;
}
footer .widget ul li {
line-height: 2.8;
border-bottom: 2px solid #ddd;
}
footer .bottom-footer {
padding: 30px 20px 10px;
background:url('img/copy.png') #333 repeat-x 0 0;
}
footer .bottom-footer p{
text-align:center;
color:#fff;
}
footer .copyright a{
color: #fff;
}
footer .copyright a:hover{
color: #c00;
}
/* ---------------------------------------------------------------------------- */
/* -------------------------------------Form----------------------------------- */
/* ---------------------------------------------------------------------------- */

#contact form{
vertical-align: middle;
max-width:600px;
margin:20px auto;
}
#entry form{
vertical-align: middle;
margin:20px auto;
}

#contact label span{
font-weight:700;
}
#entry fieldset{
width:100%;
border:1px solid #fff;
margin:20px 0;
padding:20px;
}
#entry fieldset{
margin-bottom: 30px;
padding: 20px 25px;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
background:#fff;
}
#entry fieldset:after, #entry fieldset:before{
clear: both;
content: '\0020';
display: block;
visibility: hidden;
width: 0;
height: 0;
}
#entry legend{
padding:5px 10px;
background-color:#c00;
border:1px solid #c00;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
font-weight:700;
color:#fff;
}
#entry table{
width:100%;
margin:0;
}
#entry table th {
width: 15%;
}
#entry table th.required {
background:url('img/required.png')  no-repeat 100% 50%;
}

#contact input,#entry input,#entry select{
display:block;
width:100%;
margin: 0;
padding:5px;
border:1px solid #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fff;
-webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
-moz-box-shadow: rgba(000,000,000,0.9) 0  1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
}
#contact input{
margin:5px 0 10px;
}
#entry input[type=radio],#entry input[type=checkbox]{
display:inline;
width:auto;
margin:0;
padding:0;
border:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
vertical-align:middle;
}
#entry .form3 th{
text-align:center;
}
#entry .kara{
display:block;
text-align:center;
}
#contact textarea, #entry textarea{
display:block;
width:100%;
height:200px;
margin: 5px 0 25px 0;
padding:8px 0;
border:1px solid #999;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: #fff;
-webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
-moz-box-shadow: rgba(000,000,000,0.9) 0  1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
}

#contact .submit-button,#entry .submit-button {
cursor:pointer;
width:200px;
margin:20px auto;
padding:10px 0;
border: 1px solid #900;
background: #c30;
background: -webkit-gradient(linear, left top, left bottom, from(#c00), to(#900));
background: -webkit-linear-gradient(top, #c00, #900);
background: -moz-linear-gradient(top, #c00, #900);
background: -ms-linear-gradient(top, #c00, #900);
background: -o-linear-gradient(top, #c00, #900);
background-image: -ms-linear-gradient(top, #c00 0%, #900 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
text-shadow: #999 0 1px 0;
text-decoration: none;
vertical-align: middle;
letter-spacing:5px;
font-size:120%;
color: #fff;
}
#contact .submit-button:hover,#entry .submit-button:hover {
background: #900;
background: -webkit-gradient(linear, left top, left bottom, from(#900), to(#c00));
background: -webkit-linear-gradient(top, #900, #c00);
background: -moz-linear-gradient(top, #900, #c00);
background: -ms-linear-gradient(top, #900, #c00);
background: -o-linear-gradient(top, #900, #c00);
background-image: -ms-linear-gradient(top, #900 0%, #c00 100%);
}

#entry .sheepit{
list-style:none;
margin:0;
text-align:right;
}
#entry .sheepit li{
margin:0;
display:inline;
}
#entry .sheepit li a{
pointer:cursol;
padding:5px 10px;
background-color:#fff;
border:1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#entry input.abled{
background-color:#fff;
}
#entry input.disabled{
background-color:#ccc;
}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------General-------------------------------- */
/* ---------------------------------------------------------------------------- */
   

address{
font-style:normal;
}

table, caption, th, td {
border: 0 none;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
font-weight: normal;
margin: 0;
padding: 0;
text-align: left;
}
table.info{
border-top: 1px solid #ccc;
margin: 20px 0;
width: 100%;
}

table.info th, table.info td {
border-bottom: 1px solid #ccc;
padding:10px;
}
table.info th {
width: 25%;
font-weight: 700;
}
.content-box table.info ul {
	margin:0;
}
table.info th {
width: 25%;
font-weight: 700;
}
table.salary th{
border-left:20px solid #c69;
background-color:#c69;
color:#fff;
}
table.salary td {
background-color:#fcf;
}
table.mrate th{
border-left:20px solid #c00;
background-color:#fcc;
color:#c00;
}
table.etc th{
background-color:#fcc;
color:#000;
}
table.mrate td, table.etc td {
background-color:#fff;
}
table.mrate thead th{
border-left:20px solid #c00;
background-color:#c00;
color:#fff;
}
table.etc thead th{
background-color:#c00;
color:#fff;
}
table.mrate thead td{
background-color:#fcc;
}
ol {
margin: 20px 0 20px 60px;
list-style-type: decimal;
}

dl {
margin: 20px 0;
}
dt {
margin: 20px 0 0 0;
font-weight: 700;
}
dd {
margin-left: 30px;
background: url("img/dd.png") no-repeat scroll 0 .5em;
text-indent:1em;
}

p#engineer{
background: -moz-linear-gradient(left, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 50%, rgba(51,51,51,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(51,51,51,0) 0%,rgba(51,51,51,1) 50%,rgba(51,51,51,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(51,51,51,0) 0%,rgba(51,51,51,1) 50%,rgba(51,51,51,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00333333', endColorstr='#00333333',GradientType=1 ); /* IE6-9 */
color:#fff;
}

/*トップへ戻るボタン*/
#pagetop{
position:fixed;
bottom:20px;
right:20px;
}
#pagetop a{
display: block;
width:60px;
line-height:60px;
background-color:#c00;
text-align:center;
text-decoration:none;
font-size:30px;
color: #fff;
border-radius:5px;
}
#pagetop a:hover{
text-decoration: none;
opacity: 0.8;
}

/*スクロール時 アニメーション*/
/* 画面外にいる状態 */
.fadein {
opacity : 0.1;
transform : translate(0, 80px);
transition : all 500ms;
}

/* 画面内に入った状態 */
.fadein.scrollin {
opacity : 1;
transform : translate(0, 0);
    }

/*Google Map*/
.google-maps {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

#logoimg,#logotext{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: .5s;
  animation-delay:.5s;
}