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


.vk_buttons_col-justify-center{
  gap: 5%;
}

.has-black-background-color:hover {
	 opacity: 0.7;
    text-decoration: none;
    filter: brightness(1.1) saturate(2);
}

#site-header,footer.site-footer {
    border-top: 8px solid #00913a;
}

body:not(.header_scrolled) .site-header--trans--true .global-nav-list>li:before {
	border-bottom: 1px solid #00913a;
}

.entry-body .vk_posts .postListText_singleTermLabel_inner {
	background-color: #00913a !important;
}

.entry-body .vk_faq .vk_faq_content:before {
	color: #00913a !important;
}

.entry-body :is(.wp-block-cover,.vk_outer).vk-bg-offset-bg.vk-bg-offset-bg--left {
    margin-left: 0 !important;
}

.entry-body .alignfull>:is(.wp-block-cover,.vk_outer).vk-bg-offset-bg {
    width: 100% !important;
    max-width: 100% !important;
}

.entry-body .is-style-vk_faq-border-square .vk_faq_content:before {
    border: 1px solid #00913a;
}

.site-footer .access-info {
	color: #000;
}

.box-a .row{
	justify-content: center;
}
.box-a .row .vk_gridColumn_item_inner{
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

@media (min-width: 992px){
	.site-header--layout--nav-float .site-header-logo img{
		 width: 280px;
  	  	 margin-top: 0px;
		object-fit: cover;
	}
	.site-header--layout--nav-float .site-header-logo{
		margin-right: 0em;
		margin-bottom: 1rem;
	}
	.wpcf7-form-control.has-spinner.wpcf7-submit{
		width: 50%;
		margin: 0 auto;
	}
	.site-footer .site-footer-content .col-lg-4:nth-of-type(3){
		padding-left: 30px;
	}
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media img{
		width: 100%;
		margin: 0px auto;
		display: block;
	}
	.header_scrolled.admin-bar .site-header {
		background-color: #fff!important;
	}
	.page-header {
		    background-position: top 25% center !important;
	}
	.greeting-content.has-media-on-the-right {
		grid-template-columns: 1fr 40% !important;
	}
	.greeting-wrap {
		padding: 0 0 0 5% !important;
	}
}

/* サービス案内、会社案内のみ以下対応 */
.page-id-995 .site-body,
.page-id-1066 .site-body {
    padding-bottom: 0 !important;
}
.page-id-995 .main-section,
.page-id-1066 .main-section {
	margin-bottom: 0 !important;
}

.post-name-contact .wp-block-cover.alignfull.is-light{
	display: none;
}

.global-nav-list li a img {
    margin-top: 12px;
}

.header-top{
	border-bottom: none!important;
}

.home .wp-block-group.vkp-container.is-layout-flow > .wp-block-cover.is-light.vkp-top-over{
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
	z-index: 100;
}


/*フィードイン*/
.fade-in {
  opacity: 0;
  transition-duration: 800ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 100px);
}

.fade-in-up1 {
  transform: translate(0, 170px);
}

.fade-in-up2 {
  transform: translate(0, 240px);
}

.fade-in-up3 {
  transform: translate(0, 310px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}


/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
z-index: 100;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}

:root :where(.is-layout-flow) > :first-child{
	margin-block-start: unset!important;
}
body :is(.is-layout-flow,.is-layout-constrained)>:is(h1,h2,h3,h4,h5,h6) {
     margin-block-end: unset!important;
}