@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:  "Barlow", sans-serif;
	--en2: "Lato", sans-serif;
    --vk-line-height: 2.0em;
	    --vk-color-bg-inactive: rgba(0, 0, 0, .48);
}

h2{
	font-size:clamp(28px , 4vw , 40px)
}
.txt36{
	font-size:clamp(23px , 4vw , 34px)
}
.txt28{
	font-size:clamp(20px , 4vw , 28px)
}
.txt20{
	font-size:clamp(17px , 4vw , 20px)
}

h1:where(.wp-block-heading).has-background, h2:where(.wp-block-heading).has-background, h3:where(.wp-block-heading).has-background, h4:where(.wp-block-heading).has-background, h5:where(.wp-block-heading).has-background, h6:where(.wp-block-heading).has-background {
    padding: 0.5em 1em;
}

.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, .editor-styles-wrapper .vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_txt, .editor-styles-wrapper .vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_subCaption{
	text-decoration:none;
}

.txt_en{
	font-family:var(--en);

}
.txt_l{
	font-size:1.2rem;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */
.cta_btn a{
	padding:35px !important;
	margin-left:40px !important;
	border:solid 1px #fff;
}
.cta_btn a i{
	color:var(--vk-color-custom-4)
}
.cta_btn a:hover{
	color:var(--vk-color-custom-4) !important;
	opacity:1 !important;
}

/* タブ */
.vk_tab_labels .vk_tab_labels_label, .vk_tab_labels .vk_tab_labels_label.has-background{
	border-radius:0;
	font-family:var(--en);
	font-weight:600;
	font-size:18px;
	padding:15px 10px;
	color:#fff !important;
}
.vk_tab_bodys .vk_tab_bodys_body{
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.21);
	

}
.vk_tab_bodys .wp-block-group{
	 padding:35px !important;
}
.btn_s a{
	position:relative;
	padding-right:50px !important;
	padding-left:50px !important;
}
.btn_s i{
	position:absolute;
	right:14px;
	color:var(--vk-color-custom-4) ;
}


.btn_txt i{
		color:var(--vk-color-custom-4) ;
}
.btn_txt a:hover{
	color:var(--vk-color-custom-4)  !important;
}

.txt_small .vk_heading_title{
	text-transform: none !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ヘッダー固定 */
body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
}

.device-pc #site-header {
    position: sticky;
    top: 0;
}
.home.device-pc #site-header {
    position: fixed !important;
	z-index:9;
    top: 0;
	transition:0.5s;
}
.scrolled.home.device-pc #site-header {
	background-color:#fff;
}
.logged-in.device-pc #site-header {
    top: 32px;
}
#site-header-container{
	min-width:100%;
	padding:0px 0px 0px 10px
}
/* グローバルナビ */
.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--layout--nav-float .site-header-container{
	justify-content:space-between;
}
#site-header-container{
	
}
#mega-menu-item-5534 a{
	background-color:#1C2267 !important;
	transition:0.3s;
}
#mega-menu-item-5534 a:hover{
	background-color:rgb(83,83,83) !important;
}

#mega-menu-wrap-global-nav #mega-menu-global-nav > li.mega-menu-item > a.mega-menu-link{
	font-size:16px;
}
#mega-menu-global-nav h3{
	color:#000;
}

/* スクロール後 */
.header_scrolled #mega-menu-wrap-primary {
  background: #fff;
}
.device-pc  #mega-menu-wrap-primary a.mega-menu-link {
  color: #000 !important;
}
 .scrolled.home.device-pc  #mega-menu-wrap-primary .mega-menu-link {
  color: #000 !important;
}
.device-pc #mega-menu-wrap-global-nav #mega-menu-global-nav > li.mega-menu-item > a.mega-menu-link{
	  color: #000 !important;
}
.home.device-pc #mega-menu-wrap-global-nav #mega-menu-global-nav > li.mega-menu-item > a.mega-menu-link{
	  color: #fff !important;
}
.scrolled.home.device-pc  #mega-menu-wrap-global-nav #mega-menu-global-nav > li.mega-menu-item > a.mega-menu-link{
	  color: #000 !important;
}
.scrolled.home.device-pc  #mega-menu-wrap-global-nav #mega-menu-global-nav li.mega-menu-item-5534 a.mega-menu-link,
.scrolled.home.device-pc  #mega-menu-wrap-global-nav #mega-menu-global-nav li.mega-menu-item-5534 a:hover.mega-menu-link,
.device-pc  #mega-menu-wrap-global-nav #mega-menu-global-nav li.mega-menu-item-5534.mega-current_page_item a.mega-menu-link{
	color:#fff !important;
}

.device-pc #mega-menu-wrap-global-nav #mega-menu-global-nav > li.mega-menu-item-5534 > a.mega-menu-link {
    color: #fff !important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */
.wp-block-social-links .wp-social-link svg{
	width:25px;
	height:25px;
}

footer,footer p,footer a,{
	font-size:1rem;
}
.footer_link a{
	text-decoration:none;
	transition:0.5s;
}
.footer_link a:hover{
	opacity:0.6
}
.footer_link ul{
	list-style:none;
	padding:0;
	margin:0;
}
.footer_link h3{
	font-size:16px;
	border-bottom:solid 1px #707070;
	padding-bottom:7px;
}
.footer_link li{
	margin-bottom:5px;
	margin-top:0px;
}
.footer_link2{
	padding-left:40px;
	padding-right:40px;
}
.footer_link3 li{
	font-size:1rem;
		margin-bottom:5px;
}
.footer_link{
    justify-content: space-between;
}
.site-footer-copyright p{
	font-size:1rem;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.teaser{
	position:relative;
}
.teaser h2{
	font-family:var(--en);
	font-size:clamp(40px , 5vw , 80px) !important;
	text-transform: uppercase;
	line-height:1.2;
	margin-bottom:20px !important;
}
.teaser p{
	font-size:20px;
}
.teaser .wp-block-cover__inner-container {
height:100vh;}

.teaser_copy{
	position:absolute;
	top:55%;
	left:50%;
	transform: translate(-50%, -50%);
	width:100%;
}
.teaser a{
	position:absolute;
	bottom:16vh;
	left:50%;
	transform: translateX(-50%);
	font-size:18px;
	padding:20px 70px !important;
}
.teaser a i{
	color:var(--vk-color-custom-4)
}
.top_copy2{
	font-size:25px;
}
.top_copy2 .has-inline-color{
	font-family:var(--en);
	padding-right:6px;
font-size:75px;}
.top_section1_imgbox{
	position:relative;
}
.top_section1_img1{
	width:85%;
	text-align:right;
	margin-left:auto;
	margin-bottom:70px !important;
	box-shadow: 15px 15px 0px rgba(0, 0, 0, 0.04);
}
.top_section1_img2{
	width:35%;
	position:absolute;
	bottom:0;
	z-index:2;
}

.top_features_img img,.top_features_img-right img{
	object-fit:cover;
	width:100%;
	aspect-ratio: 16 / 8;
}

.top_features_img{
	position:relative;
}
.top_features_img img{
box-shadow: 150px 40px 0px rgba(0, 0, 0, 0.04);
}
.top_features_img-right img{
box-shadow: -150px 40px 0px rgba(0, 0, 0, 0.04);
}

.top_tab_img img{
	object-fit:cover;
	width:100%;
		aspect-ratio: 12 / 16;
}
.top_product {
	 grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.top_product h4{
	font-family:var(--en);
	font-size:19px;
	text-align:center;
	margin-bottom:8px;
}
.top_product .vk_gridcolcard_item_header{
	top:0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
	margin-bottom:10px !important;
}
.top_product p{
	line-height:1.6 !important;
}
.top_product i{
	color:var(--vk-color-custom-4)
}
.top_product .wp-block-vk-blocks-gridcolcard-item {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16) !important;
	position:relative !important;
}
/* .top_product .wp-block-vk-blocks-gridcolcard-item a::after {
position: absolute !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
	width:100%;
	height:100%;
pointer-events: auto;
content: "" !important;
display:block !important;
background-color: transparent;
} */
.top_product .wp-block-vk-blocks-gridcolcard-item h4,.top_product .wp-block-vk-blocks-gridcolcard-item p,.top_product .wp-block-vk-blocks-gridcolcard-item a{
 transition:0.3s; 
}
.top_product .wp-block-vk-blocks-gridcolcard-item:hover h4,.top_product .wp-block-vk-blocks-gridcolcard-item:hover p,.top_product .wp-block-vk-blocks-gridcolcard-item:hover a{
	color:var(--vk-color-custom-4)
}

.step_box{
	width:250px;
	position:relative;
	padding:15px;
	margin-bottom:30px;
}
.step_box_outer{
	flex-grow: 1;
	align-items:stretch !important;
	gap:25px;
}
.step_box h3{
	font-size:16px;
}
.step_box img{
	margin-top:20px;
}
.flow_ix{
	position:absolute;
	font-size:16px;
	font-family:var(--en);
	padding:3px !important;
	width:110px;
	left:50%;
	top:-15px;
	transform: translateX(-50%)
}
.top_flow img{
	width:100px;
}
.top_flow figure{
	margin-bottom:0 !important;
}

.top_flow .flow_txt{
	min-height:70px;
}
.top_flow i{
	margin-top:80px !important;
}
.vk_faq .vk_faq_title:before{
	font-family:var(--en2);
	color:var(--vk-color-custom-1);
	border-color:var(--vk-color-custom-1);
	    width: 2.4rem;
    height: 2.4rem;
}
.vk_faq .vk_faq_content:before{
	font-family:var(--en2);
	color:var(--vk-color-custom-4);
	border-color:var(--vk-color-custom-4);
	    width: 2.4rem;
    height: 2.4rem;
}

.top_bn{
	position:relative;
	padding-left:60px;
	transition:0.5s;
}
.top_bn:hover{
	opacity:0.7;
}
.top_bn_btn{
	position:absolute;
	bottom:10px;
	right:20px;
	
}
.top_bn .is-style-af-heading-reverse .vk_heading_subtext{
	    text-transform: none!important;
}
.top_bn .wp-block-cover__inner-container{
width:100%!important;
height:280px!important;
}
.top_bn .is-style-af-heading-reverse{
	margin-top:60px!important;
}


.top_partners figure{
	aspect-ratio: 4 / 1.5;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:0.5s;
	
}

#main .top_partners img{
	display: block;
    max-width: 100%;
    width: 300px;
    height: 95px !important;
	 object-fit: contain;
}
.top_partners figure a::after {
position: absolute !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
pointer-events: auto;
content: "" !important;
display:block !important;
background-color: transparent;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */
.page-header-subtext{
	font-family:var(--en);
}


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

/* 会社概要 */
.about_mission h3{
	width:30%;
	font-family:var(--en);
	font-size:2.5rem!important;
	text-align:center;
}
.about_mission p{
	width:70%;
	font-size:1.2rem;
}
.exp_number{
	    font-size: 72px;
    font-weight: 500;
    line-height: 1;
		font-family:var(--en);
    margin-bottom: 20px;
}
.exp_leftborder{
	padding-left:100px;
	border-left:solid 1px #ddd;
}

.brand_title figure{
	width:80px
}


.smf-item__description{
	display:none;
}
.smf-item__label{
	margin-bottom:7px;
	margin-top:10px;
}
.is-style-smf-required .smf-item__label::after{
	background:var(--vk-color-custom-4)
}

.sitemap_list{
display:flex;
	flex-wrap:wrap;
}
.sitemap_list li{
	width:25%;
}
.sitemap_list a{
	text-decoration:none;
}

/* 製品紹介 */
.shiyou_table{
	padding:20px 10px;
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	margin-top:-1px;
}
.shiyou_table p{
	width:calc(100% - 20%)
}
.shiyou_table p:first-child{
	width:20%;
}

/* ポリシー */

.page-id-5539 .site-body-container ul,
.page-id-5550 .site-body-container ul,
.page-id-5554 .site-body-container ul,
.page-id-5556 .site-body-container ul{
	list-style:none;
}
.page-id-5539 .site-body-container ul li::before,
.page-id-5550 .site-body-container ul li::before,
.page-id-5554 .site-body-container ul li::before,
.page-id-5556 .site-body-container ul li::before{
	  font-family: "Font Awesome 7 Free";
  content:'\f111';
  font-weight: 400;
  padding-right: 5px;
	color:#999;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  問い合わせフォーム
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.smf-action{
	    text-align: center;
}


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


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



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他・追加機能
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
/* 商品詳細 > アコーディオン内のテーブル幅 */
.accordion-section .shiyou_table p:first-child {
    width: 20%;
}
.accordion-section .shiyou_table p:nth-child(2) {
    width: 80%;
}
/* メインビジュアル比率調整 */
.teaser{
	aspect-ratio: 16 / 9 !important;
}


/* サンクスページのタイトル非表示 */
.page-id-7189 .page-header{
display: none;
}