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

.site-footer {
    border-top: 1px solid #222222;
}
/* スマホ フォントサイズ*/
@media (max-width: 768px) {
    body,
    p,
    .entry-content {
        font-size: 16px !important;
    }
}
/* メインキャッチコピー */
.main-catch,
.top-catch {
    font-family: 'Shippori Mincho', serif !important;
    font-weight: 800 !important;
    letter-spacing: 0.5em !important;
}
@media (max-width: 768px) {
    .main-catch,
    .hero-catch {
        font-size: 2.8rem !important;
    }
    .top-catch {
        font-size: 2.0rem !important;
    }	
}
/* その他の見出し */
h1, h2, h3, h4, h5, h6,
.entry-title {
    font-family: 'Zen Kaku Gothic New', sans-serif !important;
    font-weight: 700 !important;
}
/* BUSINESSなどのセクション見出し */
h2.section-label,
.wp-block-heading.section-label {
    font-family: 'Bebas Neue', sans-serif !important;
    letter-spacing: 0.10em !important;
    font-size: 56px;
}

/* スマホでモバイルメニューボタン */
@media (max-width: 768px) {
    .vk-mobile-nav-menu-btn {
        width: 50px !important;
        height: 50px !important;
    }
    .vk-mobile-nav-menu-btn span,
    .vk-mobile-nav-menu-btn span::before,
    .vk-mobile-nav-menu-btn span::after {
        width: 28px !important;
    }
}
/* 3つの事業カード */
.vk_gridcolcard_item_header {
    aspect-ratio: 4/3 !important;
}
@media (max-width: 768px) {
    .vk_gridcolcard_item_header {
        aspect-ratio: 16/10 !important;
    }
}
/* スマホで6つの強み - 縦並び */
@media (max-width: 768px) {
    .wp-block-group.is-layout-flex.is-nowrap {
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }
    
    .wp-block-group.is-layout-flex.is-nowrap > .wp-block-group {
        width: 100% !important;
    }
}



/* form */
input[type="password"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
  font-size: 1rem;
  border: 1px solid var(--vk-color-border-form);
  border-radius: var(--vk-size-radius);
  padding:.8em 1em;
  margin:0 0 0.5rem;
  width:100%;	
  color: var(--vk-color-text-body);
  background-color: #fff;
}
input[type="number"] {
  font-size: 1rem;
  border: 1px solid var(--vk-color-border-form);
  border-radius: var(--vk-size-radius);
  padding:.8em 1em;
  width:100px;
  margin:0 0 .5rem;
  color: var(--vk-color-text-body);
  background-color: #fff;
}
.searchform input[type="submit"] {
  margin: 0 0 0.5rem;
}
.submit{
	margin:20px auto;
	text-align:center;
}
.form p{
	margin-bottom:0px;
}
table.form th {
	text-align:left;
	vertical-align:middle;
	background:#ededed;
}
table.form td{
  padding:1rem 1rem 0.5rem;
	vertical-align:middle;
}
span.reqire{
	padding:0px 10px;
	font-size:12px;
	background:#990000;
	color:#ffffff;
	margin-left:10px;
	border-radius:3px;
	float:right;
}
span.nini{
	padding:0px 10px;
	font-size:12px;
	background:#ccc;
	color:#ffffff;
	margin-left:10px;
	border-radius:3px;
	float:right;
}
.privacy {
  background: #ffe9e9;
  padding: 5px 20px 5px 0;
}

@media screen and (max-width:760px) {
	table.form tr, table.form th, table.form td{
		display:block;
	}
}