@charset "utf-8";
/*
Theme Name: Lightning Pro Child
Theme URI:
Template: lightning-pro
Description:
Author:
Tags:
Version: 0.0.0
*/
body{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

a:hover img{
  opacity:0.8;
}

.position-relative{
  display:block;
}

.position-relative:hover img{
  opacity:1;
}


h4{
  border-bottom:1px solid #000;
  padding-bottom:10px;
}


.line2{
  line-height:2.5;
}

.siteHeader{
  background:rgba(26,26,26,.8);
  background:#FFF;
}

.siteHeader_logo{
  margin-left:20px;
}

.siteHeader #headerrightwidget{
  float:right;
}

.siteHeader #headerrightwidget .textwidget{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.siteHeader #headerrightwidget .htelbox{
  text-align:right;
  font-size: 13px;
}

.siteHeader #headerrightwidget .htelbox .tel{
  display:inline-block;
  font-size:170%;
  line-height:.8;
  color:#23A7BF;
  padding:15px 10px 0px 10px;
}

.siteHeader #headerrightwidget .hcontactbox{
  display:inline-block;
  padding:20px;
  background:#23A7BF;
  color:#FFF;
}

.siteHeader #headerrightwidget .hcontactbox i{
  margin-right:5px;
}

.siteHeader #headerrightwidget .hcontactbox:hover{
  text-decoration:none;
  opacity:0.8;
  transition:.3s;
}





.device-pc .gMenu > li > a{
  color:#595757;
  font-weight:bold;
  font-size:15px;
}

.gMenu > li::before{
  display:none;
}



.gMenu_outer{
  float:left;
  margin-left:60px;
}


.copySection{
  display:none;
}

.siteFooter{
  border:none;
  padding-top:100px;
  background:#000;
  color:#FFF;
  font-size: 13px;
}

.footerLine{
  border-top:2px solid #19b2cc;
}

.footerWidget{
}

.siteContent_after{
  padding:0;
}

#footerBefore{
  padding:60px 0px;
  background-image: url("/wp-content/themes/lightning-pro-child/img/footerbefore.png");
  background-repeat:no-repeat;
  background-size:cover;
}

#footerBefore .footertel{

}

#footerBefore .footertel{
  font-size:200%;
  font-family:Arial, sans-serif;
}

#footerBefore .footertel i{
  font-size:70%;
}

#footerBefore .footertime{
  color:#7d8f9b;
  font-weight:bold;
}

#footerBefore .btn1{
  background:#19b2cc;
  color:#FFF;
  border-radius:5px;
  padding:40px 0px;
  text-align:center;
  font-size:110%;
}

#footerBefore .btn2{
  background:#eb6d8e;
  color:#FFF;
  border-radius:5px;
  padding:40px 0px;
  text-align:center;
  font-size:110%;
}

#footerBefore .btn1 i,
#footerBefore .btn2 i{
  margin-right:5px;
}

#footerBefore .btn1:hover,
#footerBefore .btn2:hover{
  text-decoration:none;
  opacity:0.8;
  transition:.3s;
  cursor:pointer;
}



.home .siteContent{
  padding-top:0;
}

.home h2{
  font-size:36px;
  text-align:center;
  border:none;
  font-weight:normal;
  margin-bottom: 30px;
}

.home h2:after {
  content: '';
  display: block;
  width: 43px;
  height: 23px;
  background-image: url("/wp-content/themes/lightning-pro-child/img/h2.png");
  vertical-align: middle;
  margin:28px auto 0px auto;
}

.home #mainmovie{
  position:relative;
  text-align:center;
}

.home #mainmovie > img{
  width:100%;
}

.home #mainmovie #mainmoviebox{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
  color:#FFF;
}

.home #mainmovie #mainmoviebox #mainmoviecopy{
  font-family:Arial serif;
  font-size:70px;
  font-weight:bold;
  opacity:0.7;
}


.home #maincatch{
  font-weight:bold;
  font-size:36px;
  margin:60px 0 60px 0;
}

.home #topcatch{
  text-align:center;
  color:#FFF;
  line-height:6;
  font-size:18px;
  padding:100px 0px;
}

.home #topcatch .imgicon{
  margin-bottom:70px;
}

.home #topcatch p{
  line-height:2.8;
}

.topsubtitle{
  font-size:18px;
  margin-bottom:20px;
}

.moreBtn{
  display:inline-block;
  border:2px solid #000000;
  padding:15px 40px;
  text-align:center;
  color:#231815;
  font-weight:bold;
}

.moreBtn:hover{
  background:#000000;
  color:#FFF;
  text-decoration:none;
  transition:.3s;
}


.greentext{
  color:#23a8c0;
  text-align:center;
  font-size:130%;
}

h2{
  border:none;
  text-align:center;
  font-weight:bold;
  margin-bottom:20px;
  padding-bottom:0;
}

h2.iconh2:after {
  content: '';
  display: block;
  width: 43px;
  height: 23px;
  background-image: url("/wp-content/themes/lightning-pro-child/img/h2.png");
  vertical-align: middle;
  margin:20px auto 0px auto;
}

.leftborder{
  border-left:1px solid #231815;
  padding-left:20px;
}

.b-right-dashed{
  border-right:2px dashed #c9caca;
}


.spec_title{
  color:#23a8c0;
  font-size:180%;
  text-align:center;
  margin-bottom:20px;
  position:relative;
  font-weight:bold;
}

.spec_title:before{
   content:"";
   display:block;
   width:15px;
   height:2px;
   background-color:#23a8c0;
   position:absolute;
   bottom:-8px;
   left:0;
   right:0;
   margin:auto;
}

.spec_subtitle{
  color:#23a8c0;
  font-size:120%;
  text-align:center;
  margin-bottom:20px;
  min-height:75px;
}

.spec_content{

}



ul.submenu{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-left:0;
}

ul.submenu li{
  list-style:none;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding:0px 10px;
}
ul.submenu li a{
  display:block;
  text-align:center;
  color:#000;
  padding:10px 0px;
  border:1px solid #aaa;
}

ul.submenu li a:hover{
  background-color:#eee;
  text-decoration:none;
}

ul.submenu li.current a{
  background-color:#000;
  color:#FFF;
}

#interactivepoint{
  position:relative;
}


#interactivepoint row{
  position:absolute;
}


.date{
  color:#666;
  font-size:80%;
  }

.sec-card{
  background-color:#fff;
    }

.movietitle{
	padding: 0px 0px 10px 10px;
    }

/* 5 Columns */

.col-15, .col-sm-15, .col-md-15, .col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
}

@media (min-width: 768px) {
.col-sm-15 {
	width: 20%;
	flex: 0 0 20%;
}
}

@media (min-width: 992px) {
.col-md-15 {
	width: 20%;
	flex: 0 0 20%;
}
}

@media (min-width: 1200px) {
.col-lg-15 {
	width: 20%;
	flex: 0 0 20%;
}
}

.onestop{
  border:2px solid #009fc9;
}

.onestop .onestop_title{
  padding:10px;
  color:#009fc9;
  font-size:150%;
  text-align:center;
  margin-bottom:20px;
  position:relative;
  font-weight:bold;
}


.onestop .onestop_title:before{
   content:"";
   display:block;
   width:40px;
   height:1px;
   background-color:#23a8c0;
   position:absolute;
   bottom:-2px;
   left:0;
   right:0;
   margin:auto;
}


.onestop .onestop_content{
  padding:10px;
  font-size:90%;
}

#googlemap iframe{
  width:100%;
}


.q{
  font-weight:bold;
  margin-bottom:10px;
}

.q:before{
  content:'？';
  display:inline-block;
  background:#f57c00;
  padding:5px;
  line-height:1;
  color:#FFF;
  border-radius:20px;
  font-weight:bold;
  margin-right:5px;
}

.a{

}

.a:before{
  content:'A';
  display:inline-block;
  background:#0097a7;
  padding:5px 8px;
  line-height:1;
  color:#FFF;
  border-radius:20px;
  font-weight:bold;
  margin-right:5px;
}


.mw_wp_form label{
  display:block;
  padding:5px;
}

.mw_wp_form_confirm label{
  background:#eee;
}

.header_scrolled .siteHeader{
  position:fixed;
  top:0;
  left:0;
}

.header_scrolled .navbar-header{
  margin-bottom:0;
}

.header_scrolled .gMenu_outer{
  position:static;
  width:initial;
  width:auto;
  clear:none;
  min-height:4em;
  box-shadow:none;
}

.header_scrolled .gMenu_outer nav{
  width:initial;
  width:auto;
  padding:0;
}

.header_scrolled .gMenu > li{
  width:initial;
  width:auto;
  border:0;
}

.header_scrolled .gMenu > li:last-child{
  border-right:0;
}

#lowcost {
   margin-top:-100px;
  padding-top:100px;
}

#recruitmovie {
   margin-top:-100px;
  padding-top:100px;
}


.videobox {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}

.videobox video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.vk_balloon figure{
  height:100%;
}

.vk_balloon_icon_image{
  width:initial;
  width:auto;
  height:100%;
}

#mainimg img{
  width:100%;
}

#mainimg .col-md-9{
  position:relative;
}

#mainimg .mainimg_text{
  width:40%;
  position:absolute;
  left:-20%;
  background:#FFF;
  padding:20px;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  z-index:9;
}

#mainimg .maintitle{
  font-size:200%;
  margin-bottom:5px;
}

#mainimg .mb-4{
  line-height:2;
}

#mainimg a{
  display:inline-block;
  padding:10px;
  background:#23a7bf;
  color:#FFF;
}

@media (max-width: 768px) {
  #mainimg .mainimg_text{
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
  width:80%;
  background:rgba(255,255,255,.5);
  }



}


/*
**  ヘッダー用レスポンシブ調整
*/
.siteHeader_logo{
}

.gMenu_outer{
  width:initial;
  width:auto;
}

@media (max-width: 993px) {

  .siteHeader{
    padding:9px 0px;
    min-height: 62px;
  }
  #gMenu_outer{
    display:none;
  }
  .htelbox{
    display:none;
  }
  .hcontactbox{
    text-align:center;
    padding:10px !important;
    min-height: 62px;
  }
  .hcontactbox i{
    display:block;
    font-size:200%;
  }
  .hcontactbox .txt{
    display:block;
    font-size:50%;
  }
  .siteHeader #headerrightwidget{
    float:none;
    position:fixed;
    right:59px;
    top:0;
  }

  .vk-mobile-nav-menu-btn{
      right:0;
      top:0;
      left:auto;
      text-indent:0;
      font-size:50%;
      text-align:center;
      padding:45px 10px 10px 10px;
      width:59px;
      height:58px;
      border:none;
      border-radius:0;
      background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(35, 167, 191, 1)' stroke-width='2' stroke-miterlimit='10' d='M6 6h18M6 14h18M6 21h18'/%3E%3C/svg%3E");
      background:#FFF;
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(35, 167, 191, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M7 6h16M7 14h16M7 21h16'/%3e%3c/svg%3e");
      color:#23A7BF;
  }



  .vk-mobile-nav-menu-btn.menu-open{
    border:none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(35, 167, 191, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
  }

  .scrolled .hcontactbox,
  .scrolled .vk-mobile-nav-menu-btn{
/*
    display:none !important;
*/
  }


}


@media (max-width: 500px) {
  .siteHeader_logo{
    padding-left:0;
    padding-right:0;
  }

  .siteHeader_logo img{
    margin:0;
  }
}





/*
**  レスポンシブ調整
*/
@media (max-width: 769px) {
  .spec_subtitle{
    font-size:110%;
  }

  .onestop{
    margin-bottom:30px;
  }

  .onestop_img{
    text-align:center;
  }

  #footerBefore .btn1,
  #footerBefore .btn2{
    padding:20px 0px;
  }

}

@media (max-width: 415px) {

  .h2, .mainSection-title, h2{
    font-size:1.5rem;
  }

  .mainSection{
    padding-left:20px;
    padding-right:20px;
  }

  .home #maincatch{
    font-size:20px;
  }

  .home h2{
    font-size:30px;
  }

  .home #topcatch p{
    line-height:1.9;
    font-size:90%;
  }

  #footerBefore .btn1{
    margin-bottom:20px;
  }

  
  ul.submenu{
    flex-wrap: wrap;
  }
  ul.submenu li{
    width:50%;
  }

  .b-right-dashed{
    border:0;
  }

  #pg-159-1 > .panel-row-style{
    background:none !important;
  }

  #pl-159 #panel-159-1-0-0{
    margin-bottom:0 !important;
  }


  #pl-19 #panel-19-2-0-1{
    margin-top:20px !important;
  }


  .spec_subtitle{
    min-height:initial;
    min-height:auto;
  }

  .a{
    border-bottom:1px dotted #aaa;
    padding-bottom:30px;
  }



}