@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への上書き、カラー変数設定など */



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

h2 span {
	font-weight:700;
}
a, a img {
	transition:.5s;
}

/*グラデーション背景*/
.bggra {
	background:linear-gradient(180deg,rgb(65,176,143) 0%,rgb(0,120,192) 100%);
}

/*右側へ要素を広げる*/
.column-out-right{
    margin-right: calc(50% - 50vw);
}
/*左側へ要素を広げる*/
.column-out-left{
    margin-left: calc(50% - 50vw);
}
/*左線見出し*/
.is-style-title-leftbar.has-white-color {
	border-color:#fff;
}

/*下線見出し*/
.is-style-vk-heading-solid_bottomborder_black.has-white-color {
	border-color:#fff;
}

/*ボタンリセット*/
.vk_button .vk_button_link.btn {border-radius: 0}
.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;
}

.position-btm {
	position:absolute;
	left:0;
	bottom:0;
}

/*アイコンボタン*/
.iconbtn .vk_button_link_txt {
	display:flex;
	align-items:center;
}
.iconbtn:hover .vk_button_link_txt:before {
	filter: invert(100%);
}

/*CTA*/
.cta-tel {
	height:100px;
	position:relative;
}
.cta-tel .vk_button_link.btn {	
	display:flex;
	flex-direction:column-reverse;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	height:100%;
}
.cta-tel .vk_button_link_caption {
	font-size:30px;
	font-weight:700;
}
.cta-tel .vk_button_link_subCaption {
	font-weight:700;
	font-size:1rem;
}

.cta-mail .vk_button_link.btn {
	position:relative;
	height:100px;
}
.cta-mail .vk_button_link_caption {	
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	height:100%		
}
.cta-mail .vk_button_link_caption span {
	font-weight:700;
}

/**イメージバナー**/
.imgbnr {
	position:relative;
}
.imgbnr figure {
	margin:0!important;
	overflow:hidden;
}
.imgbnr figure img {	
	transition: .5s;
	width:100%;
	object-fit:cover;
	aspect-ratio:5/2;
}
.imgbnr:hover figure img {
	transform: scale(1.1)
}
.imgbnr .wp-block-vk-blocks-button {
}
.imgbnr .wp-block-vk-blocks-button a {
}
.imgbnr .wp-block-vk-blocks-button a:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);	
	transition: .5s;
}
.imgbnr .wp-block-vk-blocks-button a:hover:before {
	background:rgba(0,0,0,.1);
}
.imgbnr .vk_button_link_caption {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	font-size:1.2rem;
	font-weight:700;
	width:100%;
}

/*ボックスシャドウ*/
.box-shadow {
	box-shadow:0px 0px 20px rgba(0,0,0,.15);
}

/*テーブル*/
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th, .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td {
	padding:1rem;
	font-size:1rem;
}
:where(:not(.wp-block-table))>table :is(thead,tbody,tfoot,th,td) {
	border-color:#ccc;
}
:where(:not(.wp-block-table))>table {
	border-top:1px solid #ccc;
}

.vk_button .vk_button_link.btn {
	padding:1rem;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  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-container.container {
	position:relative;
}
.site-header-container.container {
	max-width:100%;
	width:100%;
}
.site-header-container.container {
	padding-right:0;
}
.header_nav_search_container {
	min-width:unset;
	position:static;
	margin-left:0;
}
.site-header {
	box-shadow:none;
}
.header-cta {
	position:absolute;
	top:10px;
	right:135px;
}

.global-nav {
	align-self:end;
	padding-right:1rem;
}


.breadcrumb-list {
	padding:1rem 0;
}


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



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

/*ティーザー*/
/*.mainview {
	height:calc(100vh - 130px);
	position:relative;
}*/
.mv-title {
	width:fit-content;
	max-width:50%;
}
.mv-title h2,
.mv-title p {
	padding-left:3rem;
	/*white-space:nowrap;*/
}
.mvbtn .vk_button_link.btn {
  display:block;
  width:100%;
  padding:1.2rem 2rem!important;
  position:relative;
}
.mvbtn .vk_button_link_txt {  
  font-size:clamp(1rem, 0.727rem + 1.36vw, 1.75rem);
  font-weight: 700;
}
.mvbtn .vk_button_link_after {
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  right:1.5em;
  transition:.5s;
}
.mvbtn a:hover .vk_button_link_after {
  right:1em;
}

.mvform {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:40%;
	background:rgba(255,255,255,.8);
	padding:1rem 2rem;
}
.smf-progress-tracker {
	display:none;
}
.smf-form--simple-table .wp-block-snow-monkey-forms-item {
	padding:0;
	border-bottom:0;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {
	padding:.5rem 1rem;
}
.smf-radio-button-control {
	padding:.3rem;
}

/*このようなお悩みありませんか*/
.fltwrap {
	position:relative;
	margin-bottom:150px;
	
}
.fltimg img {
	aspect-ratio:2/1;
	object-fit:cover;
	width:100%;
}
.flttxt {
	background:#fff;
	padding:3rem 5rem;
	width:1000px;
	position:absolute;
	right:0;
	bottom:-60px;
}
.flttxt2 {
	background:#fff;
	padding:3rem 5rem;
	width:1000px;
	position:absolute;
	left:0;
	bottom:-60px;
}

/*人的資本志向マネジメント　導入ステップ*/
.vk_flow .vk_flow_frame {
	border:none;
	background:var(--wp--preset--color--vk-color-custom-5);
	padding:2rem;
	
}
.vk_flow .vk_flow_frame_image {
	max-width:250px;
}
.vk_flow .vk_flow_frame_text_title {
	color:var(--vk-color-primary);
	font-size:1.5rem;
	border-bottom:1px solid #ccc;
	margin-bottom:1rem;
	padding-bottom:1rem;
}
.vk_flow .vk_flow_frame_text_title mark {
	background:var(--vk-color-primary);
	color:#fff;
	display:inline-block;
	padding:.5rem 1rem;
	margin-right:1rem;
}


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

.page-header {
	background:linear-gradient(180deg,rgb(65,176,143) 0%,rgb(0,120,192) 100%);
}

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

/* 会社概要 */

/* 会社概要　＞　M.C.T.について */
.fltimg1 {
	padding-left:20%;
}
.fltimg2 {
	position:absolute;
	left:5%;
	bottom:0;
}

/*BCP*/
.vk_balloon_icon:not(:empty) {
	flex-basis:130px;
}
.vk_balloon_content {
	max-width: calc(100% - 15em);
}
.vk_balloon_icon_image {
	width:100px;
	height:auto;
}
.comment-ge {
	min-height:300px;
}
.comment-ue figure,
.comment-ge figure {
	position:relative;
}
.comment-ue figure img {
	position:absolute;
	left:0;
	top:0;
}
.comment-ge figure img {
	position:absolute;
	right:0;
	top:-30px;
}

/*FLOW*/
.vk_flow .vk_flow_frame_text_title br {
	display:none;
}

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

.sub-section .widget {
	background:var(--wp--preset--color--vk-color-custom-5);
	padding:1.5rem 1.5rem .5rem;
}
.sub-section .widget h4 {
	font-weight:700;
	border-bottom:2px solid var(--vk-color-primary);
	padding-bottom:.8rem;
}


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



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

/*左固定レイアウト*/
.sticky-left {
	position: sticky !important;
    top: 150px !important;
}
.sticky-wrap {
	display: flex !important;
    overflow: visible !important;
    align-items: flex-start !important;
}
.wp-block-vk-blocks-outer.vk_outer {
	overflow:visible;
}