@charset "utf-8";
/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:
Author:アートフレア株式会社
Tags: 
Version: 1.1
*/

/* 標準データ最終更新日：2024/06/06  */


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  general　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* :root設定、@import、フォント読み込み、bodyへの上書き、カラー変数設定など */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

:root {
	--mainc:#1d3134;
	--lato:"Lato", sans-serif;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}



 a:not([class]) {
    /*text-decoration: underline;*/
	-webkit-text-decoration-style: solid;
	text-decoration-style: solid;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}
a:not([class]):hover {
    color: var(--vk-color-text-link-hover);
}


a:not([class])[target="_blank"]::after{
 content: "\f35d";
 font-family: "Font Awesome 6 Free";
  font-weight: 900;
 padding-left: .5em;
	font-size:.8em;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* 繰り返しボタン・見出し、余白設計など */

/*ボタンのリセット*/
.vk_button .vk_button_link.btn {border-radius: 0}
.vk_button .vk_button_link.btn:hover {box-shadow:none; opacity:1;}

.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;
}

/*リンクボタン*/
.vk_button .has-text-color.is-style-outline:hover.has-vk-color-primary-color,
.vk_button .has-vk-color-primary-background-color:hover.has-vk-color-primary-background-color {
	background-color:var(--wp--preset--color--vk-color-custom-2)!important;
}


/*バナーボタン*/
.bnrlink {
	position:relative;	
	overflow:hidden;
}
.bnrlink figure {
	margin:0!important;
}
.bnrlink figure img {	
	transition: .5s;
	width:100%;	
	aspect-ratio:4/3;
	object-fit:cover;
}
.bnrlink:hover figure img {
	transform: scale(1.1)
}

.bnrlink .wp-block-vk-blocks-button {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:100%;
}
.bnrlink .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;
}
.bnrlink .wp-block-vk-blocks-button a:hover:before {
	background:rgba(0,0,0,.1);
}
.bnrlink .vk_button_link_caption {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
  letter-spacing:.2rem;
	color:rgba(255,255,255,.5);
	font-size:28px;
	position:absolute;
	bottom:20%;
	left:5%;
	transform:translateY(-50%);
	z-index:10;
	width:calc(100% - 10%);
	justify-content:start;
}
.bnrlink .vk_button_link_subCaption {
	color:#fff;
	font-size:16px;
	position:absolute;
	bottom:10%;
	transform:translateY(-50%);
	left:5%;
}
/*上記バナーリンクのワイド版*/
.bnrlink-wide .vk_button_link_caption {
	bottom:40%;
	left:50%;
	transform:translate(-50%, -50%);
	justify-content:center;
}
.bnrlink-wide .vk_button_link_subCaption {
	bottom:30%;
	left:50%;
	transform:translate(-50%, -50%);
}
.bnrlink-wide figure img {	
	transition: .5s;
	width:100%;	
	aspect-ratio:8/3.5;
	object-fit:cover;
}

/*右側へ要素を広げる*/
.column-out-right{
    margin-right: calc(50% - 50vw);
}
/*左側へ要素を広げる*/
.column-out-left{
    margin-left: calc(50% - 50vw);
}

.gap-wide {
	gap:3rem;
}


/*デフォルトのテーブル線色*/
.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 {
	border-color:#ccc;
}

/*テーブル下線のみ*/
.table-underline table {
	border:none;
}
.table-underline table th,
.table-underline table td {
	padding:1rem!important;
	border-width:0 0 1px!important;
	font-size:1rem;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* ヘッダーウィジェット・グローバルナビ */

/* ヘッダー固定 */
body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
}
.device-pc #site-header {
    position: fixed;
	width:100%;
    top: 0;
	left:0;
}
.logged-in #site-header {
    top: 32px;
}

/*スクロール時ヘッダー*/
.site-header {
	transition:.5s;
	box-shadow:none!important;
}
.scrolled .site-header {
	background:rgba(29, 49, 52,.9);
}

.site-header-container.container {
	max-width:100%;
	padding-block:15px;
}

/* グローバルナビ */
.global-nav-list>li>a {
	transition: .3s;
	border-bottom: 3px solid transparent;
}
.global-nav-list>li>a strong {
	color:#fff;
	font-size:16px!important;
	  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
	letter-spacing:.2rem;
}

.global-nav-list>li>a:hover,
.global-nav-list>li.current-menu-item>a {
    border-bottom: 3px solid #fff;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* フッターウィジェット、フッターロゴ、コピーライト */

.site-footer-content > div {
	align-items:top;
}
.fnav > div {
	flex-basis:unset!important;
}
.fnav ul {
	list-style:none;
	padding-left:0!important;
}
.fnav ul > li > ul > li:before {
	  content: "\f105";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
	margin-right:5px;
}
.fnav ul li a {
	text-decoration:none;
}
.fnav ul li a:hover {
	text-decoration:underline;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  pageheader,breadcrumb 下層ページヘッダー
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* 下層ページのページヘッダー、パンクズ設定 */

.page-header-inner {
	margin:4rem auto 0!important;
}
.page-header-title {
	font-family: "Lato", sans-serif!important;
  font-weight: 900!important;
  font-style: normal!important;
  letter-spacing:.2rem;
	color:rgba(255,255,255,.5);
	font-size:clamp(1.5rem, 1.136rem + 1.82vw, 2.5rem)!important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

/*ティーザー*/
.teaser-main {
	height:100vh;
}
.teaser-txt {
	position:absolute;
	left:5%;
	bottom:20%;
}
/*SCROLLライン*/
.scroll-line {
	position  : absolute;
    bottom : 50px;
	left:50%;
	transform:translateX(-50%);
	margin:0;
	z-index:99;
	font-size:12px;
	color:#fff;
}
.scroll-line:after {
    content : '';
    display : inline-block;
    position : absolute;
    background-color: #fff;
    left : 50%;
    bottom : -50px;
    transform : translateX(-50%);
    width : 1px;
    height : 40px;
    animation: scroll-line 1.5s infinite;
}

@keyframes scroll-line {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

/*****採用情報******/

/*アイコン数字*/
.icon-count {
	position:absolute;
	right:0;
	top:25%;
	z-index:-1;
	font-size:clamp(5rem, 4.545rem + 2.27vw, 6.25rem);
	color:rgba(244, 120, 31,.1);
}

/*フローリスト*/
.flow-list {
	flex-wrap:nowrap;
}
.flow-list > div:nth-child(odd) {
	width:100%;
}

/*アコーディオン*/
.is-style-vk_accordion-background-color .vk_accordion-trigger {
	background:var(--wp--preset--color--vk-color-primary);
	color:#fff;
}
.vk_accordion-trigger .vk_accordion-toggle-close::after {
	border-color:#fff;
}
.vk_accordion-target {
	background:#fff;
}

/*チェックリスト横並び*/
.list-horizontal {
	display:flex;
	flex-wrap:wrap;
	gap:0 3rem;
}


/*左固定レイアウト*/
.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;
}

/*インタビューのポップアップ*/
.pum-content h3 {
	border-bottom:1px solid #333;
	padding-bottom:.5em;
}


/*研修プログラム*/
.wp-block-vk-blocks-timeline-item {position:relative; margin-left:100px}
.vk_timeline_item_style {top:5px!important; width:20px!important; height:20px!important; background:var(--wp--preset--color--vk-color-primary); border:none!important;}
.vk_timeline_item_lineStyle-default::before {left:9px!important; top:20px!important}
.vk_timeline_item_caption {
	position:absolute; left:-100px; top:5px;
	display:block; width:100px; text-align:center;
	font-size:18px;
	color:var(--wp--preset--color--vk-color-primary)!important;
	line-height:1;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.vk_timeline_item_content .wp-block-heading {font-size:18px;}

.vk_timeline .vk_timeline_item_content p {}
.vk_timeline_item_content {min-height:100px; padding:0 0 2rem 1rem;}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive / Single ブログ一覧ページ、ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

.sub-section .widget {
	background:#f2f2f2;
	padding:1rem;
}
.sub-section .widget h4 {
	font-weight:700;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  メモ用
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*フォーム*/
.smf-action .smf-button-control__control {
	background:var(--wp--preset--color--vk-color-primary);
	border:none;
}
.smf-button-control button[type="submit"] {	
	border-radius:0;
	transition:.5s;
}
.smf-button-control button[type="submit"]:hover {
	background:var(--wp--preset--color--vk-color-custom-2);
}
/* ポップアップメーカー  ポップアップ表示時*/
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
    padding-right: 0 !important;
}