@charset "utf-8";
/*
Theme Name: Lightning Child
Template: lightning
Author:アートフレア株式会社
Version: 1.2
*/
/* 標準データ最終更新日：2026/01/29  */


/*
 * WEBフォントの読み込み（@import url('https://fonts～'); ）はHeader.phpで行う
*/


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */
.txt30{
	font-size:clamp(20px , 2.5vw , 30px);
}
.txt36{
	font-size:clamp(24px , 2.5vw , 36px);
}
.txt48{
	font-size:clamp(30px , 3.5vw , 48px);
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ヘッダー固定 */
body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
	  font-family: "Zen Maru Gothic", sans-serif;
}
h1,h2,h3,h4,h5,h6,p,li{
	  font-family: "Zen Maru Gothic", sans-serif;
}
.device-pc #site-header {
    position: sticky;
    top: 0;
}
.logged-in.device-pc #site-header {
    top: 32px;
}
#site-header-container{
	max-width:100%;
	padding:15px
}
.header_nav_search_container{
	margin-left:auto;
}
/* グローバルナビ */
.global-nav-list>li>a {
	transition: .3s;
	border-bottom: 3px solid transparent;
}
.global-nav-list>li>a:hover,
.global-nav-list>li.current-menu-item>a {
    color: var(--vk-color-custom-1);
    border-bottom: 3px solid var(--vk-color-custom-1);
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

.teaser .snow-monkey-form{
	background-color:#fff;
	border-radius:30px;
	padding:25px 25px 35px;

box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.16);

}
.teaser .smf-form--simple-table .wp-block-snow-monkey-forms-item {
    border-bottom: solid 0px #ddd;
    padding:5px 0;
    gap: 1rem;
}
.teaser .smf-radio-buttons-control--horizontal .smf-radio-buttons-control__control{
	    gap: 0.1rem 0.5rem;
}

.smf-button-control button[type="submit"]{
	border-radius:70px;
	background-color:#21a8e8
}


.sitadot li{
	border-bottom:dotted 3px #E85670;
	padding-left:24px;
	padding-bottom:7px!important;
	font-weight:700;
}
.sitadot {
		padding-left:0!important;
}
.sitadot li::before{
	left:0 !important;
}
.kinou_box{
	position:relative;
}
.kinou_number1{
	font-size:120px;
	color:#E85670;
	position:absolute;
	left:50px;
	top:-50px;
	line-height:1;
}
.kinou_box{
	padding:70px!important;
box-shadow: 3.83px 3.21px 30px rgba(0, 0, 0, 0.1);

}

.kinou_list{
box-shadow: 3.83px 3.21px 30px rgba(0, 0, 0, 0.1);
font-size:19px;
	gap:10px;
	padding:14px 20px!important;
	font-weight: 700;
}
.kinou_list figure{
	margin-bottom:0!important;
}

.faq_box{
border-radius: 32px;
background: #fbf5f4;
	padding:30px 30px 20px!important;
	border-bottom:none!important;
box-shadow: 3.83px 3.21px 30px rgba(0, 0, 0, 0.1);
}
.is-style-vk_faq-bgfill-circle .vk_faq_title:before{
	background-color:#E85670;
}
.is-style-vk_faq-bgfill-circle .vk_faq_content:before{
	background-color:#0CB4F1;
}
.vk_faq .vk_faq_title{
	border-bottom:dotted 3px #E85670!important;
}

.box_sv{
	padding:30px!important;
	height:100%;
}

.box_sv figure{
	margin-bottom:0!important;
}
.box_sv img {
  transition: transform 0.3s ease; /* 動きをなめらかにする時間 */
}

.box_sv img:hover {
  transform: translateY(5px); /* ホバー時に5px下へ移動 */
}
.siryou .snow-monkey-form{
padding:70px;
border-radius: 32px;
background: #fff;
border: 5px solid #00b7a0;
position:relative;
	top:-30px;
}
.contact_ill{
	position:relative;
	z-index:2;
}

.siryou2 .snow-monkey-form{
padding:70px;
border-radius: 32px;
background: #fff;
border: 5px solid #FF7939;
position:relative;
	top:-25px;
}
.company_table img{
float:right;}

footer p{
	font-size:1rem;
}
footer a{
	color:#000;
	text-decoration:none!important;
	transition:0.3s;
}
footer a:hover{
	color:#E85670!important;
}

#privacypolicy .vk_outer_container{
	padding:25px;
	max-height:180px;
	overflow-y:auto;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */

/* 会社概要 */

/* 会社概要　＞　代表あいさつ */


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他・追加機能
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */