@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{
	--en: "Lato", sans-serif;
	    --vk-line-height: 2.7em;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */
.base_btn a{
	border-left:none !important;
	border-right:none !important;
	border-top:none !important;
	background-image:url(../../../wp-content/uploads/arrow1.png);
	background-repeat:no-repeat !important;
	background-size:20px !important;
	background-position:right 5px center !important;
	padding-left:4px !important;
	min-width:125px !important;
	text-align:left !important;
	font-family:var(--en);
}
.base_btn a:hover{
	background-image:url(../../../wp-content/uploads/arrow1-w.png);
	background-repeat:no-repeat !important;
}

.box{
	padding:30px;
	position:relative;
	z-index:2;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  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;
}
#site-header-container{
	max-width:100%;
	padding:15px;
}
/* グローバルナビ */
.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);
}
.device-pc .global-nav-list>li>a{
	font-size:1rem;
}
#menu-item-4752 a{
	background-color:#000!important;
	color:#fff!important;
	margin-left:25px;
}
#menu-item-5576 a{
	padding:0!important;
}
#menu-item-5576 a i{
	font-size:30px!important;
	
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */
.footer-nav{
	background-color:#2149A0;
	padding:30px 0;
}
.footer-nav a{
	color:#fff !important;
	font-size:1rem
}
footer p{
	font-size:1rem !important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.teaser{
position:relative;
padding-top:70px !important;
	padding-bottom:90px !important;
}
.teaser_bg1{
	position:absolute;
	right:50px;
	top:-50px;
	width:650px;
	z-index:1;
}
.teaser_bg2{
	position:absolute;
	left:50px;
	bottom:-100px;
	width:440px;
	z-index:1;
}
.teaser_txt{
	position:relative;
	z-index:2;
	margin-left:30px !important;
}
.teaser_slider{
	position:relative;
	z-index:2;
box-shadow: 15px 30px 0px #2149a0;

}
.teaser_cp1{
font-size: 20px !important;
letter-spacing: 0.02em;
line-height: 99px;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.34);
	font-family: "Noto Serif JP", serif;
}
.teaser_cp2{
font-size: 40px !important;
letter-spacing: 0.02em;
	line-height:1.3;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.34);
	font-family: "Noto Serif JP", serif;
}

.top_copy_50{
	font-size:50px;
	font-family: "Noto Serif JP", serif;
	font-weight:300;
}

.top_section_ph_box{
	position:relative;

}
.top_section_ph1{
	width:520px;
		bottom:80px;
}
.top_section_ph2{
	width:150px;
	position:absolute;
	z-index:2;
	bottom:-60px;
	left:-40px;
}

.top_section_ph3{
	width:155px;
	position:absolute;
	z-index:2;
	bottom:-80px;
	right:0;
}
.pd-right_70{
	padding-right:70px;
}

.top_section1{
	overflow:visible;
}
.top_section2_ph1{
	width:240px;
		top:0px;
	right:0;
	position:absolute;
	z-index:2;
}
.top_section2_ph2{
	width:190px;
		top:15px;
	left:0;
	position:absolute;
	z-index:2;
}
.top_section2_ph3{
	width:165px;
		top:200px;
	left:120px;
	position:absolute;
	z-index:1;
}
.section2_txt{
	padding-left:50px;
}
.top_section1{
	margin-top:140px;
}
.top_section1 .wp-block-columns{
	position:relative;
	top:-100px;
}
.top_section2_ic{
	width:140px;
	height:140px;
	text-align:center;
	padding-top:20px
}
.top_section2_ic img{
	width:70px;
}
.top_section2_ic figcaption{
	color:#fff;
}
.top_bunner{
	gap:0;
}
.top_bunner p{
	font-size:18px;
	line-height:1.5;
}
.top_bunner h2{
	font-size:38px;
	font-family:var(--en);
	font-weight:600;line-height:1.5;
}
.top_bunner .wp-block-vk-blocks-heading{
	margin-bottom:0 !important;
}
.top_bunner img{
	transition:0.5s;
}
.top_bunner .wp-block-cover.has-link:hover img{
	transform: scale(1.1);
}
.slider_drop img{
box-shadow: 10px 10px 0px #2149a0 !important;

}

.teaser_center{
	max-width:1200px;
	margin:auto;
	position: relative;
	left: -110px;

}
.area_box{
	padding:50px 50px 0;
	position:relative;
	width:500px!important;
	height:315px;
}
.dog1{
	position:absolute;
	top:-50px;
	right:50px;
}
.area2{
	background-size:350px !important;
}
.area_outer{
	position:relative;
	z-index:1;
}
.ashiato1{
	position:absolute;
	z-index:1;
	bottom:-50px;
	left:-50px;
	width:470px;
}
.ashiato2{
	position:absolute;
	z-index:1;
	bottom:-50px;
	right:-90px;
	width:310px;
}
.area_outer .wp-block-columns {
	position:relative;
	z-index:2;
}
.cta_tel h2{
	font-family:var(--en);
	font-size:48px;
}
.cta_tel h2 a{
	text-decoration:none;
}
.cta{
	gap:0
}

.cta_btn  img{
	transition:0.5s;
}
.cta_btn:hover img{
	transform: scale(1.1);
}

.cta_outer{
	position:relative;
}
.cta_dog{
	position:absolute;
	right:70px;
	z-index:2;
	top: -137px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */
.page-header-title, h1.page-header-title{
	font-size:2.6rem;
	font-weight:600;
}


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

.flow1{
	width:70%;
	margin:auto;
}

.vk_timeline_item_caption{
	margin-bottom:5px !important;
}
.vk_timeline .wp-block-heading{
	font-size:1rem;
	margin-bottom:20px !important;
}

.vk_step .vk_step_item_content>p:first-child{
	line-height:1.6;
}

.btn_tel a{
	font-size:34px;
	margin-right:10px;
	font-family:var(--en)
}

.recruit_telbox{
	width:70%;
	margin:auto;
}

.smf-item__description{
	display:none;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.widget-title.sub-section-title{
	background-color:#2149A0;
	color:#fff;
	padding:15px;
	text-align:center;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.bf_box .wp-block-image{
	position:relative;
}
.bf_box figcaption{
	font-size:1rem;
	background-color:#fff;
	position:absolute;
	z-index:2;
	right:3px;
	top:3px;
	padding:5px 20px;
	margin:0;
}
.staff_link{
	position:relative;
}
.staff_link figure{
	margin:0;
	overflow:hidden;
}
.staff_link img{
	transition:0.3s;
}
.staff_link:hover img{
	transform: scale(1.1);
}
.parent-pageid-5474 .entry-title{
display:none;}

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

/* 下層リンク無効 */
.global-nav-list>li>a,.footer-nav a,.vk-mobile-nav nav ul li a{
	pointer-events: none;
}