@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への上書き、カラー変数設定など */
:root {
	--bxshadow:0px 5px 30px rgba(0, 0, 0, 0.1);
	--gra:linear-gradient(0deg,rgba(179, 151, 80, 1) 0%, rgba(233, 205, 134, 1) 100%);
}

.bxshadow {
	box-shadow: var(--bxshadow);
}
.gra {
	background: var(--gra);
}

.fs-medium {
	font-size: clamp(1rem, 0.8788rem + 0.6818vw, 1.3333rem); /*18-24*/
}
.fs-large {
	font-size: clamp(1.5556rem, 1.3939rem + 0.9091vw, 2rem); /*28-36*/
}

figure.wp-block-image.is-style-vk-image-rounded img {
	border-radius:2rem;
}

.gap-3 {
	gap:1rem;
}
.gap-5 {
	gap:3rem;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */

/*ボタンのリセット（下線消しとか）*/
.vk_button .vk_button_link.btn {
	transition:.5s;
}
.vk_button .vk_button_link.btn:hover {box-shadow:none;}
.vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_txt, .vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_subCaption{
  text-decoration:none!important;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  カスタムブロックスタイルの補足
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*見出し　下にドット*/
.is-style-title-underdot:after {
	content:url(../../../wp-content/uploads/title-btm.png);
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ヘッダー固定 */
body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
}
.device-pc #site-header {
    position: sticky;
    top: 0;
}
.logged-in.device-pc #site-header {
    top: 32px;
}

/* グローバルナビ */
.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);
}

.site-header {
	box-shadow:none;
}
#site-header-container {
	justify-content:space-between;
}
.site-header-container.container {
	max-width:100%;
	width:100%;
	padding-right:0;
}


.header-mail .vk_button_link.btn {
	background:var(--gra);
	border-radius:0;
	padding:1.5em 2em;
	border:none;
}
.header-mail .vk_button_link_caption {
	flex-direction:column;
}
.header-mail .vk_button_link_before {
	margin:0 0 .3rem;
	font-size:1.1rem;
}
.header-mail .vk_button_link_txt {
	font-size:1.2rem;
	letter-spacing:.05em;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  CTA
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.cta-inr {
	background:url(../../../wp-content/uploads/ctabg.png)no-repeat center/cover;
	padding:3rem 5rem;
	border-radius:2rem;
	box-shadow:var(--bxshadow);
	width:fit-content;
	margin-inline:auto;
}

.cta-tel .vk_button_link_caption {
	font-size:clamp(1.875rem, 1.739rem + 0.68vw, 2.25rem);
}
.cta-tel .vk_button_link_txt {
	font-weight:900;
}
.cta-tel .vk_button_link_subCaption {
	text-align:center;
	color:#333;
}
.cta-mail .vk_button_link.btn {
	background:var(--gra);
	border-radius:100px;
	padding:1.2em 4em;
	border:none;
}
.cta-mail .vk_button_link_before {
	font-size:1.1rem;
}
.cta-mail .vk_button_link_txt {
	font-size:1.2rem;
	letter-spacing:.05em;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */
.site-footer-content > div {
	align-items:center;
}
.site-footer {
	font-size:14px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
/*MV*/
.mv-text {
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	background:rgba(255,255,255,.9);
	padding:3rem;
	width:fit-content;
	border-radius:0 2rem 2rem 0;
	box-shadow:var(--bxshadow);
}
.mv-img {
	margin-left:20%;
}
.mv-img img {	
	width:100%;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */



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

/*ご利用の流れ*/
.list-num {
	width:130px;
	line-height:130px;
	background:var(--gra);
	color:#fff;
	font-weight:700;
	text-align:center;
	border-radius:100%;
	transform:translateY(-50px);
}
/* スクロール固定Column */
.position-sticky-wrap {
    overflow: visible !important;
}
.position-sticky-column {
    position: sticky;
    top: 150px;
    align-self: flex-start;
}

/*FAQ*/
.vk_faq {
	background:var(--wp--preset--color--vk-color-custom-3);
	border-radius:2rem;
	padding:1rem 2rem!important;
	box-shadow:var(--bxshadow);
	margin-bottom:2rem;
	border-bottom:none;
}

.is-style-vk_faq-bgfill-circle .vk_faq_title:before {
	background-color:#b39750;
}
.is-style-vk_faq-bgfill-circle .vk_faq_content:before {
	background-color:#fff;
	color:#333!important;
}
.vk_faq .vk_faq_title:before,
.vk_faq .vk_faq_content:before {
	font-family:"Noto Serif JP", serif;
}
.vk_faq .vk_faq_title,
.vk_faq .vk_faq_content {
	border-bottom:none;
	padding:1rem .8rem 1rem 3.5rem;
}
.vk_faq .vk_faq_title:before,
.vk_faq .vk_faq_content:before{
	width:50px;
	height:50px;
	font-size:1rem;
	line-height:45px;
	top:.4em;
}

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



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



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

/*お問い合わせフォーム*/
select#age, select#care {
	min-width:260px;
}