/*
Theme Name: Lightning Child KM
Theme URI:
Template: lightning
Description: lightning-child の内容を引き継ぎ、活守WP 診断ツール（inc/katsumori-check/）を追加した子テーマ
Author: F-ield TSM
Tags:
Version: 0.7.0
*/

:root {
	--vk-size-text:20px;
}


.km-hero-box {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-top: 45%;
  overflow: hidden;
}

.km-hero-img-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
}

.km-hero-img-wrap img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain;
  display: block;
}

.km-hero-text {
  position: absolute;
  top: 15%;
  left: 5%;
  width: 40%;
  z-index: 2;
}

.km-hero-text h1 {
  font-size: clamp(2rem, 8vw, 6rem);
  margin: 0 0 0.3em;
  color: #12324A;
  line-height: 1.1;
}

.km-hero-text p {
  font-size: clamp(0.9rem, 2vw, 1.5rem);
  margin: 0;
  color: #12324A;
}

.txtshadow {
    text-shadow: 8px 4px 4px var(--global-palette6, #718096);}

.page-header {
	display:none;
}

.breadcrumb {
	display:none;
}