@charset "UTF-8";
/*レスポンシブサイズ設定*/
#main_contents {
  font-size: 16px;
  line-height: 1.6em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  color: #333333;
  padding-top: 15px !important; }

.pc-view {
  display: block; }

@media only screen and (max-width: 736px) {
  .sp-view {
    display: block; }

  .pc-view {
    display: none; } }
@media print, screen and (min-width: 737px) {
  .sp-view {
    display: none; } }
.page-banner .page-banner-inner {
  padding: 33px 30px !important; }
  .page-banner .page-banner-inner img {
    vertical-align: middle; }
    @media only screen and (max-width: 736px) {
      .page-banner .page-banner-inner img {
        margin: 0 auto; } }
.page-banner .base_inner {
  padding: 0 30px;
  box-sizing: border-box; }

@media only screen and (max-width: 736px) {
  .page-banner .page-banner-inner {
    padding: 33px 15px; }

  .base_inner {
    padding: 0 5px;
    box-sizing: border-box; } }
.page {
  font-size: 16px;
  line-height: 1.6em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  color: #333333; }
  @media only screen and (max-width: 736px) {
    .page .page-main {
      padding: 0 10px; } }
  .page .base_inner {
    padding: 0 30px;
    box-sizing: border-box; }
  .page .breadcrumb {
    margin: 0 auto 15px;
    padding-top: 15px;
    padding-bottom: 15px; }
    .page .breadcrumb ul li {
      display: inline-block; }
      .page .breadcrumb ul li a {
        color: #0080DE; }
  .page .page-header-title h2 {
    text-align: center;
    padding: 5% 0;
font-size: 2rem;}
    .page .page-header-title h2 img {
      border-left: 5px solid #808080;
      border-right: 5px solid #808080;
      padding: 0 25px; }
  .page .table-style {
    width: 100%; }
    .page .table-style tr td,
    .page .table-style tr th {
      padding: 10px; }
    .page .table-style tr th {
      background-color: #f6f5f1;
      vertical-align: middle;
      width: 28%; }
    .page .table-style tr td iframe {
      width: 100%; }
  .page .page-header-title.hidden {
    display: none; }
  .page .page-contact {
    border: 5px solid #80a321;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box; }
    .page .page-contact .page-head-contact {
      text-align: center;
      padding: 0 5px 5px 5px;
      background-color: #80a321;
      color: #fff;
      font-size: 18px; }
      @media only screen and (max-width: 736px) {
        .page .page-contact .page-head-contact {
          font-size: 20px; } }
    .page .page-contact .page-foot-contact {
      padding: 15px 0 10px; }
      .page .page-contact .page-foot-contact .in-box {
        width: 49.666666%;
        float: left;
        padding: 0 25px;
        box-sizing: border-box; }
        .page .page-contact .page-foot-contact .in-box .greentxt {
          background-color: #4c8007;
          color: #fff;
          font-weight: bold;
          display: block;
          padding: 6px;
          text-align: center;
          border-radius: 5px;
          margin-bottom: 15px;
          font-size: 19px; }
          @media only screen and (max-width: 736px) {
            .page .page-contact .page-foot-contact .in-box .greentxt {
              font-size: 18px; } }
          @media only screen and (max-width: 768px) {
            .page .page-contact .page-foot-contact .in-box .greentxt {
              font-size: 17px; } }
        @media only screen and (max-width: 736px) {
          .page .page-contact .page-foot-contact .in-box .tel-class {
            display: block;
            margin: 20px 0;
            text-align: center; } }
        .page .page-contact .page-foot-contact .in-box .tel-class p {
          font-size: 30px;
          font-weight: bold; }
          @media only screen and (max-width: 1024px) {
            .page .page-contact .page-foot-contact .in-box .tel-class p {
              font-size: 3vw; } }
          @media only screen and (max-width: 768px) {
            .page .page-contact .page-foot-contact .in-box .tel-class p {
              font-size: 3.6vw; } }
          @media only screen and (max-width: 736px) {
            .page .page-contact .page-foot-contact .in-box .tel-class p {
              font-size: 30px; } }
          @media only screen and (max-width: 425px) {
            .page .page-contact .page-foot-contact .in-box .tel-class p {
              font-size: 28px; } }
        .page .page-contact .page-foot-contact .in-box .tel-class span.bigtxt {
          font-size: 35px; }
          @media only screen and (max-width: 1024px) {
            .page .page-contact .page-foot-contact .in-box .tel-class span.bigtxt {
              font-size: 3.2vw; } }
          @media only screen and (max-width: 768px) {
            .page .page-contact .page-foot-contact .in-box .tel-class span.bigtxt {
              font-size: 3.5vw; } }
          @media only screen and (max-width: 736px) {
            .page .page-contact .page-foot-contact .in-box .tel-class span.bigtxt {
              font-size: 35px; } }
          @media only screen and (max-width: 425px) {
            .page .page-contact .page-foot-contact .in-box .tel-class span.bigtxt {
              font-size: 29px; } }
        .page .page-contact .page-foot-contact .in-box .normaltxt {
          display: block;
          color: #4c8007;
          text-align: center; }
        .page .page-contact .page-foot-contact .in-box a.sp-contact-style {
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90ba27+0,518908+100 */
          background: #90ba27;
          /* Old browsers */
          background: -moz-linear-gradient(top, #90ba27 0%, #518908 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, #90ba27 0%, #518908 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, #90ba27 0%, #518908 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90ba27', endColorstr='#518908',GradientType=0 );
          /* IE6-9 */
          display: block;
          padding: 10px 0;
          border-radius: 5px; }
          .page .page-contact .page-foot-contact .in-box a.sp-contact-style span {
            display: block;
            color: #fff;
            font-size: 20px;
            text-align: center; }
            .page .page-contact .page-foot-contact .in-box a.sp-contact-style span img {
              display: inline-block;
              vertical-align: middle; }
  @media only screen and (max-width: 736px) {
    .page .page-banner .page-banner-inner {
      padding: 33px 15px; }
    .page .page-contact .page-foot-contact .in-box {
      width: 100%;
      padding: 0 10px; }
    .page .base_inner {
      padding: 0 5px;
      box-sizing: border-box; }
    .page .breadcrumb {
      padding: 15px; } }

.access-page .page-banner {
  background-image: url(../image/access/title-bg.png); }

.performance-page .page-banner {
  background-image: url(../image/performance-1/title-bg.png); }

.performance_list-page .page-banner {
  background-image: url(../image/performance_list/title-bg.png); }

.rotaryfeeder-page .page-banner {
  background-image: url(../image/product-rotaryfeeder/title-bg.png); }

.pulsejet-page .page-banner {
  background-image: url(../image/performance-1/title-bg.png); }

.support-page .page-banner {
  background-image: url(../image/harakk/support/title-bg.png); }

@media only screen and (max-width: 357px) {
  .access-page .page-banner {
    background-image: url(../image/access/title-bg-sp.png); }

  .performance-page .page-banner {
    background-image: url(../image/performance-1/title-bg-sp.png); }

  .performance_list-page .page-banner {
    background-image: url(../image/performance_list/title-bg-sp.png); }

  .rotaryfeeder-page .page-banner {
    background-image: url(../image/product-rotaryfeeder/title-bg-sp.png); }

  .pulsejet-page .page-banner {
    background-image: url(../image/performance-1/title-bg-sp.png); }

  .support-page .page-banner {
    background-image: url(../image/harakk/support/title-bg-sp.png); } }
.inner2 {
  padding: 0 25px 25px;
  box-sizing: border-box; }

@media print, screen and (min-width: 737px) {
  ul.pic_list_prod li {
    max-width: 48% !important; } }

@media only screen and (max-width: 736px) {
  ul.pic_list_prod + .more {
    padding-bottom: 45px; } }
ul.pic_list_prod + .more .more_btn1 {
  color: #fff; }

@media only screen and (max-width: 736px) {
  .top_section3.base_inner .t_tit {
    padding-top: 50px;
    padding-bottom: 5px; } }
.top_section3 {
  padding-top: 90px; }
  @media only screen and (max-width: 736px) {
    .top_section3 {
      padding-top: 15px; } }

.company-page .page-banner {
  background-image: url(../image/company/title-bg.png); }
@media print, screen and (min-width: 737px) {
  .company-page .company {
    padding: 0px 90px; } }
@media only screen and (max-width: 768px) {
  .company-page .company {
    padding: 0px 40px; } }
@media only screen and (max-width: 736px) {
  .company-page .company {
    padding: 0; } }
.company-page .company .company__about {
  margin-bottom: 35px; }
@media print, screen and (min-width: 737px) {
  .company-page .table-style {
    margin-bottom: 30px; } }
@media only screen and (max-width: 736px) {
  .company-page .table-style {
    display: block;
    width: 100%; }
    .company-page .table-style tbody {
      display: block; }
      .company-page .table-style tbody tr, .company-page .table-style tbody th, .company-page .table-style tbody td:not(.sp_dib) {
        display: block;
        width: 100% !important;
        box-sizing: border-box; }
      .company-page .table-style tbody td.sp_dib {
        display: inline-block;
        width: 48%;
        box-sizing: border-box; }
      .company-page .table-style tbody td.sp_dib:first-of-type {
        padding-right: 0; }
      .company-page .table-style tbody th {
        font-size: 20px;
        font-weight: normal;
        padding-left: 15px;
        border-top: 1px dotted #d3d3d3;
        border-bottom: 1px dotted #d3d3d3; }
      .company-page .table-style tbody tr:first-child td:first-of-type,
      .company-page .table-style tbody td:first-child {
        padding-bottom: 0; }
      .company-page .table-style tbody td:first-child {
        border-top: 1px dotted #d3d3d3; }
      .company-page .table-style tbody tr:first-child td:first-of-type + td,
      .company-page .table-style tbody td:first-child + td {
        padding-top: 0; } }
    @media only screen and (max-width: 736px) and (max-width: 736px) {
      .company-page .table-style tbody tr:last-child td:nth-of-type(1) {
        padding-bottom: 0px; } }
    @media only screen and (max-width: 736px) and (max-width: 736px) {
      .company-page .table-style tbody tr:last-child td:nth-of-type(2) {
        padding-top: 0px;
        padding-bottom: 30px; } }

.company-page .table-style tr th {
  text-align: left; }
@media only screen and (max-width: 768px) {
  .company-page .table-style tr th, .company-page .table-style tr td {
    padding: 10px; }
  .company-page .table-style tr td:first-of-type {
    padding-left: 10px; } }
@media print, screen and (min-width: 737px) {
  .company-page .table-style tr {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3; }
    .company-page .table-style tr th, .company-page .table-style tr td {
      padding: 20px; }
    .company-page .table-style tr td:first-of-type {
      padding-left: 30px; } }
.company-page .table-style tr .v-mid {
  vertical-align: middle; }

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