/*
Theme Name: Lightning Child kuni
Theme URL:
Template: lightning
Description:
Author:kuni KUNI WEB Production
License: GNU General Public License v2 or later
License URI: https://kuni-web.com/
Tags:business
Version: 0.6.0
*/


/* ===== Original　Class and Style
 ===== */


/* ===== Font , text ===== */

/* Noto+Sans+JP:wght@100;200;300　Shippori+Mincho:wght@800 */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap'); */

/*===== normal font weight change to thin ===== */
body, html {
    font-family: "M PLUS 1p", sans-serif;
}

p {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 400;
}

/* .read-p{

  font-weight: 400;
} */
/* タイトル装飾 */
h1, h2, h3, h4, h5, h6 {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

h1 { 
  font-weight: 900;
}
h2 , h3 { 
  font-weight: 700;
}

h4, h5, h6 { 
  font-weight: 500;
}

.add_ttl01{
  position: relative;
  padding: 1.5rem;
  text-shadow: 0px 10px 8px rgba(0, 0, 0, 0.4);
/*   text-align: center; */
}

.add_ttl01:before {
  position: absolute;
  bottom: 5px;
  left: calc(50% - 30px);
  width: 60px;
  height: 2px;
  content: '';
  border-radius: 3px;
  background: #1b3a69;
}

@media screen and (max-width: 767px) {
  .sp-none {
    display: none !important;
  }
}

/* .add-box-shadow01{
 box-shadow: -1px 5px 10px rgba(228 , 0 , 127 , 0.8);
} */
.add-box-shadow02{
   box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}

.add-ttl-hight {
    min-height: 2em;
}
.add-ttl-hight-m {
    min-height: 3em;
}
/* ===== title font weight change to bold and change fontfamily ===== */
/* .add-font-800 {
  font-family: 'Shippori Mincho', serif;
  font-weight:800;
} */

/* ======change header-style ===== */
.site-header-logo {
   font-weight: 900;
}

@media (min-width: 992px) {

/* アイコンの下にメニューの文字を配置する（スクロールしていないとき） */
  body:not(.header_scrolled) .global-nav-list>li .global-nav-name {
    display: flex;
    flex-direction: column;
  }

/* アイコンのスタイル（スクロールしていないとき） */
  body:not(.header_scrolled) .global-nav-list>li .global-nav-name i {
    font-size: 1.5em;
    margin-right: 0;
    margin-bottom: 0.5em;
    color: var(--vk-color-primary);
  }

/* 個々のメニュー枠のスタイル（スクロールしていないとき） */
  body:not(.header_scrolled) .vk-menu-acc li {
    width: 110px;
    margin-left: -1px;
  }

  body:not(.header_scrolled) .vk-menu-acc li:last-child {
    width: auto;
  }

/* 最後のメニュー項目白抜き文字にする */
/*   .vk-menu-acc li:last-child {
    background-color:var(--wp--preset--color--vk-color-custom-3) ;
  } */
/* 	.vk-menu-acc .menu-item.menu-item-type-custom:last-child {
    background-color:var(--wp--preset--color--vk-color-custom-3) ;
  } */
	
/*   body:not(.header_scrolled) .global-nav-list>li:last-child .global-nav-name i,
  .global-nav-list>li:last-child .global-nav-name i {
    color: #fff;
  }
  .nav li:last-child a, nav li:last-child a {
    color: #fff;
  } */

  body:not(.header_scrolled) .global-nav--layout--float-right {
    align-items: unset;
  }

  .header_scrolled .global-nav--layout--float-right {
    width: 100%;
  }
.global-nav-list>li .global-nav-name {

    font-size: 1.2rem;
	font-family: "Zen Kaku Gothic New", sans-serif;

}

  .header_scrolled .global-nav-list {
    display: block;
    width: 100%;
	display: flex;
    justify-content: center;
  }

/*   .header_scrolled .vk-menu-acc li:last-child {
    float: right;
  } */
  .header_scrolled .site-header {
    width: 100%;
  }
}

.page-header {
    display: none;
}


/* ======End header-style 
===== */


/* for LINE*/
.btn-cta-wrap{
display: none;
    z-index: 999;
    position: fixed;
	right:10px;
	bottom: 100px;
	max-width: 400px;
	opacity: 1;
  	transition: opacity 0.3s ease;
}
.btn-cta-wrap.scrolling {
  opacity: 0; /* スクロール中は半透明 */
}

@media screen and (max-width: 781px) {
	.btn-cta-wrap{
		max-width: 300px;
		width: 300px;
		left:50%;
		bottom: 0;
		transform: translateX(-50%);
	}
}
.btn-cta-wrap.show {
  display: block;
}

.grecaptcha-badge { visibility: hidden; }


.form-wrap{
	margin:10px;
}


.form-wrap input[type=submit] {
    font-size: 1rem;
    border: 1px solid var(--vk-color-primary-dark);
    background-color: var(--vk-color-primary);
    color: #fff;
    padding: .5em 2em;
    border-radius: var(--vk-size-radius);
    margin: auto;
    display: block;
    min-width: 300px;
    border-radius: 11111px;
}
 /* ===== END Original　Class and Style
 ===== */