@charset "UTF-8";
/*
TOPページ用CSS
*/
/*-----------------------------------------------------------------
common
-----------------------------------------------------------------*/
/*
header
*/
header .upper .right {
  width: 427px;
}

header .upper .right .container {
  width: 427px;
}

header .upper .right .container .telWrap {
  width: 292px;
}

.gNav .menu {
  width: 670px;
  height: 52px;
  text-align: center;
  z-index: 999;
}

.gNav .menu > li {
  display: inline-block;
  width: 166px;
  text-align: center;
}

.gNav .menu > li:hover {
  background-color: #009c42;
  color: #fff;
}

.gNav .menu > li:hover > a {
  color: #fff;
}

.gNav .menu > li > a {
  display: block;
  height: 52px;
  line-height: 52px;
}

.gNav .menu > li > a:hover {
  color: #fff;
}

.gNav .menu > li .megaContent {
  /*メガメニュー*/
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}

.gNav .menu > li.mega .megaContent {
  position: absolute;
  top: 65px;
  left: 0;
  background-color: rgba(12, 192, 88, 0.75);
  box-sizing: border-box;
  width: 100%;
  padding: 25px 0;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  text-align: center;
}

.gNav .menu > li.mega:hover .megaContent {
  visibility: visible;
  opacity: 1;
}

.gNav .menu > li.mega li {
  display: inline-block;
  margin: 0 15px;
}

.gNav#gNav_en {
  /*アクティブページでボタンの色を変える*/
}

.gNav#gNav_en .menu li:first-child a {
  background-color: #009c42;
  color: #fff;
}

.gNav#gNav_product .menu li:nth-child(2) a {
  background-color: #009c42;
  color: #fff;
}

.gNav#gNav_company .menu li:nth-child(3) a {
  background-color: #009c42;
  color: #fff;
}

.gNav#gNav_recruit .menu li:nth-child(4) a {
  background-color: #009c42;
  color: #fff;
}

.gNav#gNav_contact .menu li:last-child a {
  background-color: #009c42;
  color: #fff;
}

/*-----------------------------------------------------------------
TOP
-----------------------------------------------------------------*/
/*
product
*/
#productCat ul li a h3 {
  height: 75px;
}

#productCat ul li a .list {
  display: table;
  padding: 0;
  margin: 0 auto;
  background: none;
}

#productCat ul li a .list span {
  display: table-cell;
  height: 100px;
  padding: 0 20px;
  background: url(img/common/arrow01.png) right center no-repeat;
  vertical-align: middle;
}

/*
What's new
*/
#topInfo .titleWrap p {
  width: 96px;
}

/*-----------------------------------------------------------------
会社情報
-----------------------------------------------------------------*/
#topCompany {
  float: right;
  width: 300px;
  padding: 20px;
  background-color: #fff;
  box-sizing: border-box;
}

#topCompany .img {
  padding: 0 0 5px;
}

#topCompany .comName {
  line-height: 140%;
  font-size: 80%;
  font-weight: bold;
}

#topCompany address {
  margin: 0 0 5px;
  line-height: 140%;
  font-size: 80%;
}

#topCompany .telWrap {
  margin: 0 0 10px;
  text-align: center;
}

#topCompany .telWrap dl {
  text-align: center;
  font-weight: bold;
}

#topCompany .telWrap dl dt {
  display: inline-block;
  width: 60px;
  height: 18px;
  background-color: #efefef;
  line-height: 18px;
  text-align: center;
  font-size: 65%;
}

#topCompany .telWrap dl dd {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  font-size: 70%;
}

/*-----------------------------------------------------------------
Contact us
-----------------------------------------------------------------*/
/*
.your-email_confirm {
    .wpcf7-not-valid-tip {
        display: inline-block;
        min-height: 14px;
        background-image: url("img/contact_en/confirm_txt.png") left center no-repeat;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }
}
*/