@charset "utf-8";
/*
Theme Name: Lightning Pro Child
Theme URI: https://lightning.nagoya
Description: Lightning Pro is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Template: lightning-pro
Version:0.1.2
Tags: two-columns, one-column, right-sidebar, custom-colors, custom-menu, editor-style
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lightning-pro


*/

body {
  font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino UD Sans W3 JIS2004', '游ゴシック Medium',
    'Yu Gothic Medium', '游ゴシック体', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
}

.slide-text-title {
  font-family: 'Hiragino UD Serif W4 JIS2004';
}

/*-------------------------------------------*/
/*  スマートフォン
/*-------------------------------------------*/

.slide-text-caption {
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .slide-text-title {
    font-size: 6vw;
  }
}

ul.gMenu a {
  position: relative;
}

ul.gMenu a:after {
  position: absolute;
  top: 3.8em;
  left: 0;
  content: '';
  display: inline-block;
  width: 0%;
  height: 3px;
  transition: 0.5s;
}

ul.gMenu a:hover:after {
  width: 100%;
}

/*ロゴ画像を元画像どおりのサイズで表示*/
.navbar-brand img {
  max-height: none !important;
}

/*-------------------------------------------*/
/*  headerロゴの調整
/*-------------------------------------------*/
@media screen and (max-width: 991px) {
  .navbar-brand {
    float: none;
    text-align: left;
    padding: 0px 45px 0px 0px;
  }
  .navbar-brand img {
    max-height: 50px !important;
    margin: 0px;
  }
}

/*-------------------------------------------*/
/*  メニュー変更
/*-------------------------------------------*/
@media screen and (max-width: 991px) {
  .hamburger {
    position: absolute;
    display: block;
    width: 32px;
    height: 20px;
    top: 20px;
    right: 16px;
    margin-top: -10px;
    z-index: 99999;
    transition: all 0.4s;
    box-sizing: border-box;
  }

  .hamburger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333;
    margin: 0 auto;
  }
  .hamburger span:nth-of-type(1) {
    top: 0;
  }
  .hamburger span:nth-of-type(2) {
    top: 9px;
  }
  .hamburger span:nth-of-type(3) {
    bottom: 0;
  }

  .hamburger span:nth-of-type(1) {
    -webkit-animation: menu-ber01 0.75s forwards;
    animation: menu-ber01 0.75s forwards;
  }
  .hamburger span:nth-of-type(2) {
    transition: all 0.25s 0.25s;
    opacity: 1;
  }
  .hamburger span:nth-of-type(3) {
    -webkit-animation: menu-ber02 0.75s forwards;
    animation: menu-ber02 0.75s forwards;
  }

  .menuOpen span:nth-of-type(1) {
    -webkit-animation: active-menu-ber01 0.75s forwards;
    animation: active-menu-ber01 0.75s forwards;
  }
  .menuOpen span:nth-of-type(2) {
    opacity: 0;
  }
  .menuOpen span:nth-of-type(3) {
    -webkit-animation: active-menu-ber03 0.75s forwards;
    animation: active-menu-ber03 0.75s forwards;
  }

  @-webkit-keyframes menu-ber01 {
    0% {
      -webkit-transform: translateY(8px) rotate(45deg);
    }
    50% {
      -webkit-transform: translateY(8px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
    }
  }

  @keyframes menu-ber01 {
    0% {
      transform: translateY(8px) rotate(45deg);
    }
    50% {
      transform: translateY(8px) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }

  @-webkit-keyframes menu-ber02 {
    0% {
      -webkit-transform: translateY(-8px) rotate(-45deg);
    }
    50% {
      -webkit-transform: translateY(-8px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
    }
  }

  @keyframes menu-ber02 {
    0% {
      transform: translateY(-8px) rotate(-45deg);
    }
    50% {
      transform: translateY(-8px) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }

  @-webkit-keyframes active-menu-ber01 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(10px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(10px) rotate(45deg);
    }
  }

  @keyframes active-menu-ber01 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(10px) rotate(0);
    }
    100% {
      transform: translateY(10px) rotate(45deg);
    }
  }

  @-webkit-keyframes active-menu-ber03 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(-8px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(-8px) rotate(-45deg);
    }
  }

  @keyframes active-menu-ber03 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(-8px) rotate(0);
    }
    100% {
      transform: translateY(-8px) rotate(-45deg);
    }
  }

  .btn-default:focus,
  .btn-default:hover {
    background-color: transparent;
  }

  .menuBtn.btn-default {
    border-style: none;
  }
  .btn.active,
  .btn:active {
    box-shadow: none;
  }
}
/*-------------------------------------------*/
/*  工事実績に高さをもたせる
/*-------------------------------------------*/
.post-type-archive-works .entry-meta,
.single-works .entry-meta,
.tax-works-cate .entry-meta {
  min-height: 22px;
}

.media_post_date {
  display: none !important;
}
.media_post.image_card .media_post_text {
  padding: 20px 9px 10px 13px !important;
}

/*-------------------------------------------*/
/*  モバイルナビの位置
/*-------------------------------------------*/

.vk-mobile-nav-menu-btn {
  right: 5px !important;
  left: inherit !important;
}

/*-------------------------------------------*/
/*  お問い合わせフォーム
/*-------------------------------------------*/
@media screen and (max-width: 782px) {
  .table-contactform7 {
    margin: 0 -10px;
  }
  .table-contactform7 th {
    background-color: #e2e2e2;
  }
  .table-contactform7 td,
  .table-contactform7 th {
    width: 100%;
    display: block;
    border-top: none;
  }
  .table-contactform7 tr:first-child th {
    border-top: 1px solid #ddd;
  }
}

p.text-xs-center {
  text-align: center;
  margin: 15px 0px;
}

.bt_back {
  border-color: #0d1868;
  margin-right: 10px;
}

.required-contactform7 {
  padding: 3px;
  background: #d41818;
  color: #fff;
  border-radius: 2px;
  margin-left: 3px;
  font-size: 12px;
  font-size: 1.2rem;
}

#internship
{
  padding-top: 111px;
  margin-top: -111px;
}

.td__inner
{
  display: flex;
  align-items: center;
}

.td__inner .wpcf7-form-control-wrap
{
  margin-left: 20px;
}
.td__inner .wpcf7-form-control-wrap:first-child
{
  margin-left: 0px;
}

.td__inner .wpcf7-form-control
{
  width: 7em;
}