@charset "UTF-8";
/*///////////////////////////////////////////////////////
	Author	tanayoshi
	Date　	2016.03.03
///////////////////////////////////////////////////////*/
/*css設定の読み込み
------------------------------*/
/*///////////////////////////////////////////////////////
	setting.css
	
	Author	tanayoshi
	Date　	2016.03.03
///////////////////////////////////////////////////////*/
/*カラー設定
------------------------------*/
/*テキストカラー*/
/*メインカラー*/
/*フッターカラー*/
/*青*/
/*基本設定
------------------------------*/
/*メイン横幅*/
/*ベンダープレフィックス設定
------------------------------*/
/*フォント設定
------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
@font-face {
  font-family: 'TeX Gyre Adventor';
  src: url("https://www.work-wheels.co.jp/fonts/texgyreadventor-bold.otf"); }
/*///////////////////////////////////////////////////////
	_style.css
	Author	kana
	Date　	2016.06.01
///////////////////////////////////////////////////////*/
/*=====共通設定=====*/
.midashi {
  margin: 0 auto;
  border-bottom: 2px solid #C8C8C8;
  margin-bottom: 30px; }

.midashiBox {
  position: relative;
  width: 960px;
  height: 150px;
  background-position: right;
  background-repeat: no-repeat; }

h2 {
  display: block;
  position: absolute;
  top: 50px;
  left: 50px; }
  h2 span {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: bold;
    text-align: left; }

h3.title {
  width: 960px;
  margin-bottom: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #999;
  font-size: 20px;
  text-align: center; }
  h3.title span {
    padding-left: 10px;
    font-size: 13px; }

p {
  line-height: 22px; }

.left {
  float: left; }

.right {
  float: right; }

#Section .logobnr {
  width: 130px;
  position: absolute; }
  #Section .logobnr img.bnr {
    width: 100%; }

.mainWidth {
  /*フィロソフィー*/
  /*経営理念*/
  /*私たちのあるべき姿*/
  /*工場概要*/
  /*会社沿革*/
  /*組織図*/
  /*会社概要*/
  /*ISO9001獲得について*/ }
  .mainWidth .recruitLink {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
    text-align: center; }
  .mainWidth .companyNav {
    height: 30px;
    margin-top: 20px;
    margin-bottom: 50px;
    text-align: center;
    font-size: 13px; }
    .mainWidth .companyNav ul {
      overflow: hidden; }
    .mainWidth .companyNav li {
      display: block;
      float: left;
      width: 135px;
      border-left: 1px solid #333; }
      .mainWidth .companyNav li:hover {
        background-color: #F8F8F8;
        font-weight: bold; }
      .mainWidth .companyNav li.act {
        background-color: #F8F8F8;
        font-weight: bold; }
      .mainWidth .companyNav li.last {
        border-right: 1px solid #333; }
      .mainWidth .companyNav li a {
        display: block;
        padding: 5px 0 5px 0;
        text-decoration: none;
        text-align: center; }
  .mainWidth .philosophyBox {
    margin-bottom: 70px;
    padding-top: 10px;
    font-size: 13px; }
    .mainWidth .philosophyBox p {
      line-height: 25px; }
  .mainWidth .management-philosophyBox {
    background-color: #9edd9e;
    padding: 20px;
    padding-top: 0px;
    margin-bottom: 10%; }
    .mainWidth .management-philosophyBox .sub_title {
      background-color: #9edd9e;
      text-align: center;
      padding: 30px;
      font-size: 1.4rem;
      color: #fff; }
    .mainWidth .management-philosophyBox .list {
      background-color: #fff; }
      .mainWidth .management-philosophyBox .list ul {
        padding: 20px; }
        .mainWidth .management-philosophyBox .list ul li {
          background-color: #f5fff5;
          padding: 15px;
          margin: 10px;
          margin-top: 40px; }
          .mainWidth .management-philosophyBox .list ul li .txt_title {
            background-color: #9edd9e;
            padding: 5px 20px 5px;
            font-size: 15px;
            font-family: 'arial black';
            position: relative;
            top: -30px; }
          .mainWidth .management-philosophyBox .list ul li .txt_title_01,
          .mainWidth .management-philosophyBox .list ul li .txt_title_02 {
            width: 25%; }
          .mainWidth .management-philosophyBox .list ul li .txt_title_03 {
            width: 22%; }
          .mainWidth .management-philosophyBox .list ul li .txt_title_04 {
            width: 26%; }
          .mainWidth .management-philosophyBox .list ul li .txt_title_05 {
            width: 29%; }
          .mainWidth .management-philosophyBox .list ul li .txt {
            font-size: 13px;
            line-height: 1;
            padding-bottom: 20px; }
            .mainWidth .management-philosophyBox .list ul li .txt .indent {
              padding-left: 1em;
              text-indent: -1em;
              list-style-position: inside;
              line-height: 1.5; }
  .mainWidth .ourvalue {
    background-color: #9edd9e;
    padding: 20px;
    padding-top: 0px;
    margin-bottom: 10%; }
    .mainWidth .ourvalue .mein_title {
      text-align: center;
      padding: 30px;
      font-size: 1.4rem;
      color: #fff; }
    .mainWidth .ourvalue .sub_title {
      background-color: #9edd9e;
      padding: 5px 20px 5px;
      font-family: 'arial black';
      font-size: 15px;
      text-align: center;
      margin: 0 30%;
      position: relative;
      top: 17px; }
    .mainWidth .ourvalue .list_collation {
      background-color: #fff;
      padding: 30px; }
      .mainWidth .ourvalue .list_collation .list_01 {
        background-color: #f5fff5;
        padding: 30px;
        margin-bottom: 20px; }
        .mainWidth .ourvalue .list_collation .list_01 ul li {
          padding-bottom: 20px; }
          .mainWidth .ourvalue .list_collation .list_01 ul li .txt_title {
            border-bottom: 1px solid;
            padding-top: 40px; }
          .mainWidth .ourvalue .list_collation .list_01 ul li .txt {
            padding: 30px;
            font-size: 12px; }
            .mainWidth .ourvalue .list_collation .list_01 ul li .txt .indent {
              padding-left: 1em;
              text-indent: -1em;
              list-style-position: inside;
              line-height: 1.5; }
            .mainWidth .ourvalue .list_collation .list_01 ul li .txt p span {
              font-size: 15px;
              line-height: 2; }
      .mainWidth .ourvalue .list_collation .list_02 {
        background-color: #f5fff5;
        padding: 30px;
        padding-top: 75px; }
        .mainWidth .ourvalue .list_collation .list_02 ul li {
          padding-bottom: 10px; }
          .mainWidth .ourvalue .list_collation .list_02 ul li .txt_title {
            border-bottom: 1px solid; }
          .mainWidth .ourvalue .list_collation .list_02 ul li .txt {
            padding: 30px;
            font-size: 13px; }
            .mainWidth .ourvalue .list_collation .list_02 ul li .txt p {
              line-height: 1; }
            .mainWidth .ourvalue .list_collation .list_02 ul li .txt .indent {
              padding-left: 1em;
              text-indent: -1em;
              list-style-position: inside;
              line-height: 1.5; }
  .mainWidth .manufacturingBox {
    overflow: hidden;
    margin-bottom: 40px;
    padding-top: 10px;
    font-size: 13px; }
    .mainWidth .manufacturingBox h4 {
      margin-bottom: 20px;
      padding-bottom: 5px;
      border-bottom: 1px solid;
      font-size: 15px;
      font-weight: bold; }
    .mainWidth .manufacturingBox p strong {
      display: block;
      margin-bottom: 10px;
      font-size: 14px;
      font-weight: bold; }
    .mainWidth .manufacturingBox .manufacturingList {
      overflow: hidden;
      width: 960px;
      margin: 0 auto;
      margin-top: 20px;
      margin-bottom: 20px; }
      .mainWidth .manufacturingBox .manufacturingList ul li {
        float: left;
        margin-right: 30px; }
        .mainWidth .manufacturingBox .manufacturingList ul li img {
          display: block;
          width: 217px;
          margin-bottom: 5px; }
        .mainWidth .manufacturingBox .manufacturingList ul li.last {
          margin-right: 0; }
        .mainWidth .manufacturingBox .manufacturingList ul li p {
          font-size: 12px; }
          .mainWidth .manufacturingBox .manufacturingList ul li p.title {
            margin-bottom: 10px;
            border-left: 3px solid;
            text-indent: 5px;
            font-weight: bold; }
  .mainWidth .HistoryBox {
    margin-bottom: 70px;
    padding-top: 10px;
    font-size: 13px; }
    .mainWidth .HistoryBox .HistoryLink {
      width: 100%;
      text-align: center;
      font-size: 14px; }
      .mainWidth .HistoryBox .HistoryLink a {
        margin: 0 10px 0 10px; }
        .mainWidth .HistoryBox .HistoryLink a:hover {
          font-weight: bold;
          text-decoration: none; }
        .mainWidth .HistoryBox .HistoryLink a .fa {
          margin-right: 5px;
          font-size: 15px;
          font-weight: bold;
          color: #00559B; }
    .mainWidth .HistoryBox .HistoryList {
      width: 800px;
      margin: 0 auto;
      margin-top: 30px;
      margin-bottom: 40px; }
      .mainWidth .HistoryBox .HistoryList h4 {
        margin-bottom: 10px;
        border-left: 3px solid;
        text-indent: 5px;
        font-size: 15px;
        font-weight: bold; }
      .mainWidth .HistoryBox .HistoryList dl {
        overflow: hidden; }
        .mainWidth .HistoryBox .HistoryList dl dt {
          float: left;
          width: 20%;
          padding-top: 10px;
          padding-bottom: 10px;
          border-bottom: 1px dotted #CCC;
          text-indent: 10px; }
          .mainWidth .HistoryBox .HistoryList dl dt.lines_2 {
            padding-bottom: 27.5px; }
        .mainWidth .HistoryBox .HistoryList dl dd {
          float: right;
          width: 80%;
          padding-top: 10px;
          padding-bottom: 10px;
          border-bottom: 1px dotted  #CCC; }
  .mainWidth .organizeBox {
    margin-bottom: 70px;
    padding-top: 10px;
    font-size: 13px; }
    .mainWidth .organizeBox img {
      display: block;
      margin: 0 auto; }
  .mainWidth .companyBox {
    margin-bottom: 70px;
    padding-top: 10px;
    font-size: 13px; }
    .mainWidth .companyBox img {
      width: 50%;
      padding: 20px;
      border: 1px solid #CCC; }
    .mainWidth .companyBox table {
      margin: 0 auto;
      width: 800px;
      font-size: 12px;
      margin-top: 20px;
      margin-bottom: 50px; }
      .mainWidth .companyBox table tr {
        border: 1px solid; }
        .mainWidth .companyBox table tr th {
          padding: 10px;
          background-color: #F8F8F8;
          border-right: 1px solid;
          text-align: center; }
        .mainWidth .companyBox table tr td {
          overflow: hidden;
          padding: 16px;
          border-right: 1px solid;
          text-align: left; }
          .mainWidth .companyBox table tr td img {
            float: left;
            display: block;
            padding: 0px;
            padding-right: 10px;
            border: none; }
          .mainWidth .companyBox table tr td a {
            font-weight: bold;
            color: #00559c; }
          .mainWidth .companyBox table tr td.long {
            width: 60%;
            text-align: left; }
  .mainWidth .isoBox {
    margin-bottom: 70px;
    padding-top: 10px;
    font-size: 13px; }
    .mainWidth .isoBox h4 {
      margin-bottom: 20px;
      padding-bottom: 5px;
      font-size: 15px;
      font-weight: bold; }
    .mainWidth .isoBox .text {
      margin-bottom: 10px; }
      .mainWidth .isoBox .text span {
        display: block;
        margin-top: 10px;
        font-size: 12px; }
    .mainWidth .isoBox ul {
      overflow: hidden;
      margin-bottom: 10px; }
      .mainWidth .isoBox ul li {
        float: left;
        margin-top: 1px;
        margin-right: 27px; }
        .mainWidth .isoBox ul li.last {
          margin-right: 0; }
        .mainWidth .isoBox ul li img {
          border: 1px solid #CCC;
          margin: 0 auto;
          width: 300px; }
    .mainWidth .isoBox .previnfo {
      clear: both;
      margin-top: 30px; }
      .mainWidth .isoBox .previnfo span {
        margin-right: 5px; }

/*# sourceMappingURL=include.css.map */