/*
Theme Name: Lightning Child 
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/
body{
	font-family: 'Noto Sans Japanese', sans-serif;
	
}

p{
	margin: 0;
}

i{
	margin: 0;
}

.br-sp,.br-sp2{
	display: none;
}
	
ul,ol{
	list-style-type:none!important;
}

li::maker{
	content: none;
}

.bold{
	font-weight: bold;
}

.red{
	color:red;
}


.widget{
	margin-bottom: 1.5em;
}


#top__fullcarousel{
	position: absolute;
	top: 0;
}



.home .site-body {
    padding: 0;
}

/*ヘッダー*/
.en{
    color: #00A0E9;
    font-size: 10px;
    display: block;
}

.notice{
	color: red;
    font-size: 10px;
    display: block;
}
#mega-menu-wrap-global-nav #mega-menu-global-nav > li.mega-menu-item > a.mega-menu-link{
	height: auto;
	line-height: initial;
}
#mega-menu-wrap-global-nav #mega-menu-global-nav{
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.ekit-menu-nav-link{
	 flex-direction:column;
}

.ekit-template-content-header .service_btn {
	box-shadow: 5px 5px #00A0E9, 5px 5px 0 3px #303030;
    outline: 3px solid #303030;
    font-size: 14px;
}

/*モバイルメニュー*/
@media (max-width: 991px) {
.vk-menu-acc .acc-btn {
border: none;
background: var(--vk-menu-acc-icon-open-black-bg-src) right 50% no-repeat;
width: 100%;
right: 0;
top: 0;
height:47px;
background-size: 30px;
}

.vk-menu-acc .acc-btn-close {
background: var(--vk-menu-acc-icon-close-black-bg-src) right 50% no-repeat;
background-size: 30px;
}
	
	.vk-mobile-nav-menu-outer .en,.vk-mobile-nav-menu-outer .jp{
		display: inline!important;
		
	}
	
	.vk-mobile-nav-menu-outer .en{
		font-size: 10px!important;
		margin-left: 1em;
	}
}

/*見出し*/


h3 i{
	color:#00ACE4;
}

h2{
	 border: none;
}

.home h2{
	display: inline-block;
    background: linear-gradient(transparent 80%, #FFEE00 80%);
    border: none;
}

.one_column_h2 h2 {
    background: linear-gradient(transparent 60%, #FFEE00 60%);
    border: none;
    padding: 5px 10px;
    display: inline-block;
}

li .en{
    color: #00A0E9;
    font-size: 16px;
    display: block;
}

li .jp{
    display: block;
    margin: 5px 0.5em;
	font-weight: bold;
}



h3{
	border: none;
}

h3::after{
	content: none;
}

h4{
	background: none;
}

.veu_postList ul.postList li{
	padding: 10px 0;
	display: flex;
}

.veu_postList .postList_title{
	margin-left: 10px;
}

.veu_postList{
	margin-bottom: 0;
}


.entry-meta-item-author,
.entry-meta-item-updated{
	display: none;
}

.service_btn{
    position: relative;
    border-radius: 5px;
    box-shadow: 10px 10px #00A0E9, 10px 10px 0 3px #303030;
    outline: 3px solid #303030;
    background-color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.home .service_btn{
	height: 100%;
}

.flow_card{
	
    position: relative;
    border-radius: 5px;
    box-shadow: 10px 10px #00A0E9, 10px 10px 0 3px #303030;
    outline: 3px solid #303030;
    background-color: #fff;
    font-weight: bold;
	margin:0 2.5em;
}

.yellow_shadow{
	box-shadow: 10px 10px #FFF100, 10px 10px 0 3px #303030;
}

.wp-caption{
	border: none;
	background: #fff;
}

.flow_number{
	color: #fff;
    background: #00A0E9;
    margin: 0 auto 20px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    position: relative;
	padding: 1em;
}

.btn_column img{
	max-width: 80%;
}

@media (max-width: 1024px){
#SERVICE .btn_column>.elementor-container,
.post-name-info	.btn_column>.elementor-container{
   flex-wrap: nowrap!important;
}
	
	.service_btn{
	outline: 2px solid #303030;
    position: relative;
    border-radius: 5px;
    box-shadow: 5px 5px #00A0E9, 5px 5px 0 2px #303030;
}
	
	.yellow_shadow{
	box-shadow: 5px 5px #FFF100, 5px 5px 0 2px #303030;
}
	
	.top_mypage, .top_contact, .top_simulation{
		margin: 0.5em;
		
	}
	
	.logo-after a{
		font-size: 10px;
	}
}

@media(max-width:991.98px){
	.siteHeader_logo{
		padding: 0!important;
	}
	
	.siteHeader_logo img{
		margin-left: 0!important;
		    margin-top: 10px;
	}
	
	.elementor-9 .elementor-element.elementor-element-585d1bf > .elementor-element-populated{
		padding: 100px 10px 0px 10px;
	}
	
	.veu_postList ul.postList li{
	padding: 10px 0;
	display: block;
}
	
	.veu_postList .postList a{
		font-size: 12px;
	}
}

@media (max-width:430px){

	
	.br-sp{
		display: block;
	}
	
	.top_mypage, .top_contact, .top_simulation{
		margin-right: 0!important;
		margin-left:0.5em!important;
		height: 40px!important;
		border-radius: 10px!important;
		
	}
	
	.top_mypage i{
		font-size: 16px;
	}

	
	.top_contact i{
		font-size: 21px;
	}
}

@media (max-width:360px){

	
	.br-sp2{
		display: block;
	}
}

@media(max-width:900px){
	#ft01 .main_caption{
		width: 50%;
	}
	
	.sub_txt{
		max-width: 100%;
	}
}
/*理由01*/


.inner{
	max-width: 100%;
	padding: 10px;
	margin: 0 auto;
}

#ft01{
	position: relative;
}

.ft01_bg{
	position: absolute;
	z-index: 1;
	top:170px;
	left:-10%;
}

.ft01_bg img{
	 width: 100%;
}



#ft01 .ft_txt .inner{
	position: relative;
	z-index: 2;
	top:-5em;
	margin-bottom: -5em;
}

.ft_title p{
	 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	font-size: 18px;
	font-weight: bold;
}

.ft_title{
	
	        position: absolute;
        right: 0;
	padding-right: 10px;
	
}

.tcy{
	-webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}

#ft01  .ft_pic{
	margin-top: 27px;
	background: #FFEE00;
	border-radius: 17px;
	text-align: right;
	padding: 1em;
	
}

#ft01  .ft_pic img{

	margin-right: 3em;
	width: 216px;
	height: auto;
	
}

.ft_number img{
	width: 65px;
	height: auto;
}

.ft_number{
	
}

#ft01 .main_caption{
	font-weight:bold;
	font-size:18px;
	line-height: 1.3;
	padding: 1em 1.5em 0 1.5em;
	
}

/*理由02*/



#ft02{
	position: relative;
}

.ft02_bg{
	position: absolute;
	z-index: -1;
	top:0;
	right:-10%;
}

.ft02_bg img{
	 width: 100%;
}



#ft02 .ft_txt .inner{
    position: relative;
    z-index: 2;
    top: -16em;
    margin-bottom: -16em;
}

.ft_title p{
	 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	font-size: 18px;
	font-weight: bold;
}

.ft_title{
	
	        position: absolute;
        right: 0;
	padding-right: 10px;
	
}



#ft02  .ft_pic{
	margin-top: 27px;

	
}

#ft02  .ft_pic img{

	width: 216px;
	height: auto;
	
}

.ft_number img{
	width: 65px;
	height: auto;
}

#ft02 .ft_number{
	    text-align: right;
    margin-right: 10px;

}

#ft02 .main_caption {
    margin-right: 10px;
    text-align: right;
    margin-top: 1em;
}



/*理由03*/

#ft03 .main_caption{
	font-weight:bold;
	font-size:18px;
	line-height: 1.3;
	padding-top: 1em;
	
}

#ft03 p{
	margin-bottom: 0;
}


.nomal_btn a{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width:100%;
  background-color: #94D4FF;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
	padding: 0.5em;
	color:#303030;
		font-size:18px;
	font-weight:bold;
	 margin: 22px 0 1em 0;
	
	
}

.nomal_btn a::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #303030;
  border-radius: 50px;
}

.nomal_btn{
	
  margin-left: 10px;



}

.nomal_btn span{
	
  margin:0 10px 10px 0;
}

.topics_btn{
    position: relative;
    border-radius: 5px;
    box-shadow: 10px 10px #00A0E9;
    outline: 3px solid #303030;
    background-color: #fff;
    font-size: 24px;
    font-weight: bold;
}

#CONTACT .nomal_btn a{
	margin: 0;
}

#CONTACT .nomal_btn span{
	margin: 0;
}

#CONTACT .elementor-button-content-wrapper{
	margin: 10px 10px 20px 0!important;
}

#CONTACT .elementor-button .elementor-align-icon-left{
	margin-right: 5px!important;
}

#tel_btn .elementor-button-content-wrapper{
	margin: 5px 5px 15px 0!important;
}


.navbar-header,.siteHeadContainer,.logo-after{
	display:flex;
	
}

.navbar-header{
	justify-content: space-between;
	width: 100%;
}

.gMenu_outer{
	width:100%;
	margin-top: 0.3em;
}

.device-pc .gMenu>li a{
	padding:0 12px;
}

.gMenu_outer nav{
	display:flex;
	justify-content: flex-end;
}

.logo-after{
	
	text-align:center;
	font-size:13px;
	display:flex;
	align-items:center;
	
}

.logo-after a{
	color:#303030;
	font-weight:bold;
	display:block;
}

.top_mypage,.top_contact,.top_simulation{
	
	height:30px;
	border:2px solid #303030;
	border-radius:50px;
	display:flex;
	align-items:center;
	padding: 1em;
	margin:0 1em;
	
}

.top_mypage{
	background:#FF931E;
}

footer .top_mypage{
	margin: 0;
	justify-content: center;
}


.top_mypage a{
	color: #303030;
	font-weight: bold;
}


.top_simulation{
	background:#94D4FF;
}

.top_contact{
	background:#ffee00;
}

 #top__fullcarousel{
	position: absolute;
	top: 0;
}


.ft02_bg{
    z-index: 1;
}
@media (min-width: 991.98px){
.siteHeader_logo img{
    /*max-height: 80px;*/
}
}
.nomal_btn{
    max-width: 640px;
    margin: auto;
}

#tel_btn,#mail_btn{
    max-width: 512px;
}

/*.topics_btn img{
    width:100%;
}*/

@media(max-width:767px){
.top_simulation{
    display: none;
}

.navbar-header {
    justify-content: flex-start;}
    
    h1:first-child{
            width: 40%;
    margin: 0;

    }
	
	.page-header-title, h1.page-header-title,h1.entry-title{
		width: initial;
	}
/*.siteContent {
   margin-top:70%!important;}*/
   .elementor-9 .elementor-element.elementor-element-6724b31:not(.elementor-motion-effects-element-type-background),  .elementor-9 .elementor-element.elementor-element-bd87b84:not(.elementor-motion-effects-element-type-background){
        background-image: none;
    }
    #ft01 .ft_title img{
    max-width: 41px;
}
.pc_only{
    display: none;
}

.topics_btn img{
    max-width: 65px;
}
	
	.flow_card{

	margin:0 1em 3px 6px;
}
	
	li .jp{
		margin: 5px 0;
	}
	
	#ft01 .main_caption{
		width: 100%;
	}
	
	.wrap_f01,.wrap_f02{
	background-image: none;
}
	
	#ft03 .main_caption{
	padding-top: 0;
	
}
}


@media(max-width:1640px){
    
    .siteHeader_logo img{
    max-height: 50px;
}
  .elementor-9 .elementor-element.elementor-element-bd87b84:not(.elementor-motion-effects-element-type-background){
        background-size: contain!important;
    }
}

@media(min-width:768px){
    .sp_only{
        display: none;
    }

   .inner {
    padding: 0px;
}




.ft01_bg img,.ft02_bg img{
    width: auto;
    position: static;
}

#ft01 .ft_pic {
    margin-top: 27px;
    background: none;
    border-radius: 17px;
    text-align: right;
    padding: 1em;
}

#ft01 .ft_pic img {
    margin-right: 6em;
    width: auto;
    height: auto;
    margin-top: 6em;
}
.ft01_bg {
    position: absolute;
    z-index: 1;
    top: 0px;
    left: -10%;
}

.ft_number img{
    width: auto;
}

#ft01 .ft_txt .inner {
    position: relative;
    z-index: 2;
    top: -28em;
    margin-bottom: -28em;
}

#ft01 .main_caption {
    font-weight: bold;
    font-size: 32px;
    line-height: 1.5;
    padding: 1em 0;
    margin-bottom: 0;
}



.home .siteContent {
   margin-top:30%;
   padding: 0
}

.service_btn,.topics_btn {
    max-width: 230px;
    margin: 0 auto;
}
	.gas_menu .elementor-container{
		flex-wrap: nowrap;
	}

}

@media(max-width:767px){
}


@media(max-width:1640px){

}

@media(min-width:768px){
#ft02 .ft_txt .inner {
    position: relative;
    z-index: 2;
    top: -25em;
    margin-bottom: -25em;
}

#ft02 .ft_pic img {
    width: auto;
    height: auto;
    padding-top: 200px;
    max-width: 500px;
}
#ft02 .ft_pic {
    margin-top: 5em;
}



#ft02 .main_caption {
    margin-right: 3em;
    text-align: right;
    margin-top: 2em;
}
  }

::marker{
content:none;
}

.siteFooter{
	background-color:#fff;
	border:none;
}

ul{
	padding:0;
}

footer .widget ul{
	font-size:13px;
	padding-left:0;
	
}

footer .widget_nav_menu>div>ul li a{
	padding-left: 0;
}

.wp-image-5446{
	border:solid 1px #ccc;
	padding:5px;
}

.widget ul.wp-block-social-links{
	margin: 0;
}

.widget_text,.widget_media_image{
	margin: 0;
}

.site-footer-copyright{
	text-align: center;
	background: #00A0E9;
	color: #fff;
}

.copySection {
	padding:1em 0;
	color:#fff;
	background:#00A0E9;
	max-width:100%;
}

#block-8 li a{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width:100%;
  background-color: #94D4FF;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
	padding: 0.5em;
	color:#303030;
		font-size:18px;
	font-weight:bold;
	 margin: 22px 0 1em 0;
	text-decoration: none;
	
	
}

#block-22 li a,#block-8 li a{
	  display: flex;
  justify-content: center;
  align-items: center;
	width:100%;
  background-color: #94D4FF;
	 border-radius: 50px;
	padding: 0.5em;
	color:#303030;
		font-size:18px;
	font-weight:bold;
	 margin: 22px 0 1em 0;
	text-decoration: none;
	border: 2px solid #303030;
}


#block-22 li a{
		background-color:#FFEE00;
}

#block-22 li:first-child  a{
	background-color:#FF931E;
}


#block-22 ul,
#block-8 ul{
	padding-left:0px;
}

@media (max-width: 991px){
	.site-header-container{
		display:flex;
		justify-content: space-between;
		align-items: center;
	}
.site-header-sub {
    display: block;
}
	.site-header-sub{
		padding-left: 0;
		padding-right: 2em;
	}
}

@media(min-width:901px){
	.sub_txt {
    max-width: 45%;
	}
}


.table_header .elementor-widget-wrap{
	background: #00A0E9;


}
.table_header p{
	font-weight: bold;
	color: #fff;
}

.table_row .elementor-container{
	flex-wrap: nowrap!important;
}

.post-name-lp_template .page-header,
.post-name-lp_template .breadcrumb,
.post-name-city_gas .page-header,
.post-name-city_gas .breadcrumb,
.post-name-gas .page-header,
.post-name-gas .breadcrumb,
.post-name-lpio_eneos .page-header,
.post-name-lpio_eneos .breadcrumb,
.post-name-internet .page-header,
.post-name-internet .breadcrumb,
.post-name-housecleaning .page-header,
.post-name-housecleaning .breadcrumb,
.post-name-water .page-header,
.post-name-water .breadcrumb,
.post-name-recruit .page-header,
.post-name-recruit .breadcrumb,
.post-name-osakagas .page-header,
.post-name-osakagas .breadcrumb,
.post-name-keiyogas .page-header,
.post-name-keiyogas .breadcrumb{
	display: none;
	
}
.post-name-lp_template .site-body,
.post-name-city_gas .site-body,
.post-name-gas .site-body,
.post-name-lpio_eneos .site-body,
.post-name-internet .site-body,
.post-name-housecleaning .site-body,
.post-name-water .site-body,
.post-name-recruit .site-body,
.post-name-osakagas .site-body,
.post-name-keiyogas .site-body{
	padding-top: 0;
}

.gas_menu .flow_card{
	margin: 0 1em 3px 6px;
}

.elementor-button:focus, .elementor-button:hover, .elementor-button:visited{
	color:initial;
}

.vk-mobile-nav-menu-outer img{
	max-width:25px;
	vertical-align:bottom;
	margin-right:5px;
}

.vk-mobile-nav-menu-outer a{
	font-weight:bold;
}

.tablepress thead th,
.tablepress td {
	white-space: nowrap;
}

.tablepress thead th {
	text-align: center;
	background: #00A0E9;
	color: white;
}

.tablepress>*+tbody>*>*, .tablepress>tbody>*~*>*, .tablepress>tfoot>*>*{
	border: solid 1.5px #303030!important;
}

table.dataTable.no-footer,
table.dataTable.no-footer,
.dataTables_wrapper.no-footer .dataTables_scrollBody{
	border: none!important;
}

.elementor-element-4f76863,
.elementor-element-42c5c97{
	margin: 0;
}

/*コンタクトフォーム*/

.required {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    background-color: #FF931E;
    padding: 2px 6px;
    margin-left: 8px;
    border-radius: 6px;
}
.warter-contact {
    margin: auto;
}
.heading-form {
    margin-bottom: 16px;
}
.form-box, .form-contact_radio label:first-child {
    margin-bottom: 20px;
}
.heading-form {
    margin: 16px 0 16px;
}
p .caution.resume {
    margin: 10px 0;
}
.wpcf7-list-item {
    margin: 0 2em 0 0;
}
.caution {
    font-size: 14px;
    color: #00A0E9;
}
.form-contact_radio label {
    display: inline-block;
    border: solid 2px #cccccc;
    border-radius: 5px;
    padding: 10px 40px 10px 16px;
}
.form-display {
    display: block;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {
    border: 2px solid var(--vk-color-border-form);
}
h3.form_h3 {
    border-bottom: 1px solid #ccc;
    padding: 0 0 0.2em;
    margin-top: 50px !important;
}
.ydm {
    width: auto!important;
    font-size: 20px!important;
}
.birthday select {
    width: 33%!important;
}
/*/コンタクトフォーム*/

/*FAQアコーディオン*/
.accordion-005:not([open]) {
    margin-bottom: 20px;
}

.accordion-005 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    border-left: 5px solid #00A0E9;
    background-color: #94D4FF;
    color: #303030;
    font-weight: 600;
    cursor: pointer;
    font-size: 16px;
}

.accordion-005 summary::-webkit-details-marker {
    display: none;
}

.accordion-005 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 12px;
    height: 12px;
    margin-left: 10px;
    border-bottom: 3px solid #00A0E9;
    border-right: 3px solid #00A0E9;
    content: '';
    transition: transform .3s;
}

.accordion-005[open] summary::after {
    transform: rotate(225deg);
}

.accordion-005 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    color: #303030;
    transition: transform .5s, opacity .5s;
}

.accordion-005[open] p {
    transform: none;
    opacity: 1;
}