/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

h2{
	font-size: 3rem !important;
	font-weight: bold;
}
/*実績紹介の見出し装飾*/
.heading-29 {
    display: inline-block;
    position: relative;
    margin: calc(3.5em / 2) 0 calc(3.5em / 4) calc(3.5em / 2);
    color: #333333;
    line-height: 1;
}

.heading-29::before {
    position: absolute;
    bottom: calc(-2.5em / 4);
    left: calc(-2.5em / 2);
    z-index: -1;
    width: 2.5em;
    height:2.5em;
    border-radius: 50%;
    background: #c3fbbc;
    content: '';
}
/*事業内容の見出し装飾*/
.heading-30 {
   display: inline-block;
    position: relative;
    margin: calc(3.5em / 2) 0 calc(3.5em / 4) calc(3.5em / 2);
    color: #333333;
    line-height: 1;
	 z-index: 9999; !important
}

.heading-30::before {
    position: absolute;
    bottom: calc(-2.5em / 4);
    left: calc(5.5em / 2);
    z-index: -1;
    width: 2.5em;
    height:2.5em;
    border-radius: 50%;
    background: #f5f2f2;
    content: '';
}

/*新着情報の装飾*/
.heading-28 {
   display: inline-block;
    position: relative;
    margin: calc(3.5em / 2) 0 calc(3.5em / 4) calc(3.5em / 2);
    color: #333333;
    line-height: 1;
	 z-index: 9999; !important
}

.heading-28::before {
    position: absolute;
    bottom: calc(-2.5em / 4);
    left: calc(5.5em / 2);
    z-index: -1;
    width: 2.5em;
    height:2.5em;
    border-radius: 50%;
    background: #b5d7c4;
    content: '';
}

/*事業内容ページ*/

.kasengurade {
  position: relative;
  padding: .5rem .2rem;
  font-size: 1.8em;
}

.kasengurade:after {
   position: absolute;
  bottom: 0;
  left: 0;
  width: 60%;
  height: 5px;
  content: '';
  background-image: -webkit-gradient(linear, left top, right top, from(#009245), to(#fff));
  background-image: -webkit-linear-gradient(left, #009245 0%, #fff 100%);
  background-image: linear-gradient(to right, #009245 0%, #fff 100%);
}


/*ヘッダーメニューのホバー調整*/
 
.wp-block-navigation a:not(.wp-block-navigation__submenu-container a) {
  background-image: linear-gradient(
    to right,
    #009245,
    #009245 50%,
    #000 50%
  );
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}

.wp-block-navigation a:not(.wp-block-navigation__submenu-container a)::before {
  content: '';
  background: #009245;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}

.wp-block-navigation a:not(.wp-block-navigation__submenu-container a):hover {
  background-position: 0;
}

.wp-block-navigation a:not(.wp-block-navigation__submenu-container a):hover::before {
  width: 100%;
}
/*サブメニュー*/
.wp-block-navigation__submenu-container a {
  color: #121212 !important;
  background: transparent !important;
  -webkit-text-fill-color: #121212 !important;
  -webkit-background-clip: border-box !important;
}

/*ヘッダーメニューのホバー調整ここまで*/

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:12px;
 padding:5px;
 background:#30a567;
 color:#fff;
 border-radius:1px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:12px;
 padding:5px;
 background:#fff;
 color:#30a567;
 border-radius:1px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}

/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#30a567;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:1px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#30a567;
 border:solid #30a567;
}

/*----- reCAPTCHAマークがトップへ戻るボタンとかぶるのでをずらして表示　---*/
.grecaptcha-badge{
	margin-bottom: 60px;
}
@media screen and (max-width: 600px){
.grecaptcha-badge{
	margin-bottom: 100px;
}
}
/*--------------------ここまで------------------------*/