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


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


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */
:root{
--sans: "IBM Plex Sans JP", sans-serif;
}

h2{
	font-size:58px;
}
.headtitle1 strong{
	font-size:108px;
}

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

/* Mediaとテキスト */
.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
    padding-right: 0;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-left: 0;
}

@media (max-width: 768px) {
	.wp-block-media-text .wp-block-media-text__content {
		padding:0;
		margin-top:1em;
	}
}

.round_image img{
	border-radius:20px;
}
.shadow_box{
	border-bottom-width:6px !important;
	padding-top:30px!important;
}

.kumo_midashi{
	background-image:url(../../../wp-content/uploads/kumo1.png);
	background-position:center;
	background-size:1110px;
	padding:30px 0;
	background-repeat:no-repeat;
}

.kumo_midashi2{
	background-image:url(../../../wp-content/uploads/kumo3.png);
	background-position:center;
	background-size:1110px;
	padding:30px 0;
	background-repeat:no-repeat;
}

.top_kumobox.wp-block-vk-blocks-outer{
	background-position:bottom!important;
	background-repeat:repeat-x!important;
}
.pd30{
	padding:30px;
}
.pd40{
	padding:40px;
}

.tab_style1 li{
	padding:22px 10px!important;
	font-size:22px!important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ヘッダー固定 */
body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
	font-family:var(--sans);
}
.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-container{
	max-width:100%;
}
.header-top .container{
	max-width:100%;
	text-align:left;
}
.header-top .container p{
	text-align:left !important;
	margin-bottom:-20px;
	margin-top:20px;
	font-weight:500;
}
.header_btn{
	position:absolute;
	top:-15px;
	right:0px;
}
.header_tel a,.header_contact a{
	width:285px !important;
	border:solid 1px #ccc !important;
	border-radius:10px;
}
.header_tel .vk_button_link_txt{
	font-size:26px;
}
.header_tel i{
	font-size:22px;
	color:#D90000
}
.header_contact a{
	display:flex;
	text-align:left;
	justify-content:start !important;
	flex-direction:column-reverse;
	background-image:url(../../../wp-content/uploads/header_mail.png);
	background-size:82px;
	background-position:right 10px center;
	background-repeat:no-repeat;
}
.header_contact .vk_button_link_subCaption{
	color:#D90000;
	font-weight:600;
}
.header_contact  .vk_button_link_txt{
	font-size:25px;
	text-align:left;
	font-weight:600;
}
.header_contact .vk_button_link_caption{
	justify-content:start !important;
}
#site-header-container{
	align-items:start !important;
}
#global-nav{
	margin-top:70px;
	margin-right:-200px;
}
.global-nav-list>li .global-nav-name{
	font-size:17px;
}
.device-pc .menu-item-has-children > a .global-nav-name::after{
	color:#000;
}
.site-header{
	position:fixed !important;
	background-color: rgba(255, 255, 255, 0);
}
.header-top {
  background-color: rgba(255, 255, 255, 0);
    border-bottom: 0px solid #f5f5f5;
}
.header_scrolled .site-header-container--scrolled--logo-and-nav-full .site-header-logo img {
        max-height: 60px;
}
.header_scrolled .header_tel .vk_button_link_txt {
    font-size: 20px;
}

.header_scrolled .header_btn {
    top: 5px;
}
.header_scrolled .header_contact .vk_button_link_txt {
    font-size: 20px;
}
.header_scrolled .header_btn .btn{
	padding:5px 15px!important;
}
.home .site-body{
	margin-top:0 !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */
.site-footer{
	background-size:1400px !important;
}
.site-footer-copyright p{
	color:#fff;
}
.cta_ill{
	position:relative;
	bottom:-20px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.teaser{
	overflow:visible
}
.teaser img{
	margin-bottom:-15px;
}
.top_tokuchou_ill1{
	position:absolute;
	left:-70px;
	bottom:-30px;
}
.top_tokuchou_ill2{
	position:absolute;
	right:-20px;
	bottom:-30px;
}
.top_tokuchou_ill3{
	position:absolute;
	left:-30px;
	bottom:-30px;
}
.top_tokuchou h3{
	font-size:33px;
}
.fukidashi_title{
	background-image:url(../../../wp-content/uploads/hukidashi1.png);
	background-repeat:no-repeat;
	background-size:1040px;
	padding:0 10px 40px;
	background-position:center bottom;
	position:relative;
	z-index:3;
	bottom:-80px;
}
.fukidashi_title h2{
	font-size:50px;
}
.top_sv_img img{
border-radius: 20px;
box-shadow: 4px 4px 0px #287cde;
}

.top_sv .wp-element-caption{
	font-size:20px;
	font-weight:600 !important;
	padding-top:10px;
}
.area_txt{
	padding:10px !important;
	border-radius:5px!important;
	width:290px;
	margin:5px auto!important;
}
.area_ill{
	position:absolute;
	right:-30px;
	bottom:-40px;
}
.fz38{
	font-size:38px;
}

.ic_bf,.ic_af{
	position:relative;
}
.ic_bf .wp-element-caption{
	position:absolute;
	z-index:2;
	top:15px;
	left:20px;
	font-size:16px;
	color:#287CDE;
	font-weight:600!important;
	background-color:#fff;
	border-radius:4px;
	padding:8px;
	text-align:center;
	width:114px;
}
.ic_af .wp-element-caption{
	color:#D90000;
	position:absolute;
	z-index:2;
	top:15px;
	left:20px;
	font-size:16px;
	font-weight:600!important;
	background-color:#fff;
	border-radius:4px;
	padding:8px;
	text-align:center;
	width:114px;
}

.bf_slider img{
	border-radius:15px;
}
.top_big_btn a{
	min-width: 477px!important;
border: 4px solid #287cde;
font-size:30px!important;
	position:relative;
	padding:50px 30px 50px 160px !important;
	background-repeat:no-repeat;
	background-position:left 20px center;
	transition:0.3s;
}
.top_big_btn a:hover{
	color:#287cde !important;
	opacity:1 !important;
}
.top_big_btn a i{
	position:absolute;
	right:15px;
	color:#287cde !important;
}
.top_big_btn1 a{
	background-image:url(../../../wp-content/uploads/ic_info.png);
	background-size:150px;
}
.top_big_btn2 a{
	background-image:url(../../../wp-content/uploads/ic_faq.png);
	background-size:150px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */
.page-header{
	padding-top:160px !important;
	margin-top:0 !important;
	min-height:20rem;
}


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

/* サービス */
.service_table table,.service_table tr,.service_table td{
	border:none !important;
}
.service_table td:nth-of-type(2){
	text-align:right !important;
}
.sv_title{
	margin-bottom:10px;
		padding-bottom:10px;
	border-bottom:solid 1px #ccc;
}
.sv_inner{
	height:100%;
}
.txt_price{
	font-size:20px;
}
.txt_price strong{
	font-size:40px;
}
.uchiwake_box{
	height:100%;
}

/* スクロール固定Column */
.position-sticky-wrap {
    overflow: visible !important;　/* 包含するouterに */
}
.device-pc .wp-block-column.position-sticky-column {
    position: sticky !important;/* PCにのみ反映。 */
    top: 150px;
    align-self: flex-start;
}

.fz24{
	font-size:24px;
}

.fz50{
	font-size:50px;
}

/* 法人向け */
.leftimage1{
	position:absolute;
	z-index:2;
	left:10px;
	bottom:-10px;
}

/* 対応エリア */
.ic_txt2{
	padding:5px!important;
	width:125px;
	text-align:center;
	border-radius:4px;
}

/* 流れ */
.flow_number{
	font-size:25px;
}

/* よくある質問 */
.faq_box{
	padding:20px 40px 0;
	margin-bottom:20px;
}
.faq_box .vk_faq_title{
	background-color:var(--vk-color-primary);
	color:#fff;
	border-radius:10px;
	padding-left:65px;
	font-size:20px;
}
.faq_box  .vk_faq_title:before{
	left:15px;
	background-color:#fff;
	color:var(--vk-color-primary)!important;
}
.faq_box  .vk_faq_content:before{
	left:15px;
	background-color:var(--vk-color-primary)!important;
}
.faq_box   .vk_faq_content{
	padding-left:65px;
}
.faq_box   .vk_faq-body{
	margin-bottom:0;
}
.faq_box   .vk_faq{
	padding-bottom:0;
	border:none;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.postListText_title,.postListText_date{
	font-size:18px;
}
.postListText_title a{
	text-decoration:none;
}
.postListText_singleTermLabel{
	min-width:120px;
}
.postListText_singleTermLabel a{
	padding:5px;
}

.sub-section .widget{
	background-color:#fff;
	border:solid 3px #000;
	border-radius:20px;
	padding:25px;
}
.sub-section .widget-title{
	background-color:var(--vk-color-primary)!important;
	color:#fff!important;
	text-align:center;
	border-radius:10px;
	padding:10px!important;
}
.vk_post-btn-display.card .vk_post_body{
	padding:15px 0;
}
.vk_post_taxonomies {
	padding-bottom:25px!important;
}
.vk_post.card{
	padding:15px!important;
	border-radius:10px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

.entry-footer{
	margin-top:15px;
}

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