@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 {
	--vk-color-border:#ccc;
	--vk-color-border-hr:#ccc;
}
.en {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

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

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

/*画像角丸*/
figure.wp-block-image.is-style-vk-image-rounded img {
	border-radius:2rem;
}
.imground img {
	border-radius:1.5rem;
}

/*画像横100%*/
.img-w100 img {
	width:100%;
}

/*テーブル*/
:where(:not(.wp-block-table))>table,
:where(:not(.wp-block-table))>table :is(thead,tbody,tfoot,th,td) {
	border-color:#ccc;
}
.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;
}


/*ボタン*/
.vk_button .vk_button_link.btn:hover {box-shadow:none;}
.vk_button_link_txt, .vk_button_link_subCaption {text-decoration:none!important;}


.wp-block-vk-blocks-button .is-style-outline {
  border-width:2px!important;
	border-radius:.5rem;
}
.wp-block-vk-blocks-button .is-style-outline {
	position:relative;
	padding:1rem!important;
	width:100%;
}
.wp-block-vk-blocks-button .is-style-outline .vk_button_link_after {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right: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: 5px solid transparent;*/
}

.global-nav-list>li>a:hover,
.global-nav-list>li.current-menu-item>a {
    color: var(--vk-color-custom-3);
    /*border-bottom: 5px solid var(--vk-color-custom-3);*/
}
.global-nav-list>li>a:after {
	content:"";
	width:10px;
	height:10px;
	display:block;
	border-radius:100%;
	background:transparent;
	margin-top:10px;
}
.global-nav-list>li>a:hover:after,
.global-nav-list>li.current-menu-item>a:after {
	background:var(--vk-color-custom-3);
}

#site-header-container.container {
	max-width:unset;
}
.device-pc .global-nav-list>li>a {
	padding:2em 1.5em 1em;
}



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

.site-footer-copyright {
	display:none;
}

.fnav,
.fnav ul {
	list-style:none;
}
.fnav li {
	font-size:14px;
}
.fnav li ul li:before {
	content:"-";
	margin-right:5px;
}

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

/*メインビュー*/
.mv-txt {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:5%;
}

/*イメージ配置*/
.fltimg1 {
	margin-left:30%;
}
.fltimg1 img {
	aspect-ratio:5/6;
	width:100%;
	object-fit:cover;
}
.fltimg2 {
	transform:translateY(-100px);
	margin-bottom:-100px;
}
.fltimg2 img {
	width:60%;	
}

/**イメージバナー**/
.imgbnr {
	position:relative;	
	overflow:hidden;
	border-radius:2rem;
}
.imgbnr .vk_button {
	margin-bottom:0;
}
.imgbnr figure {
	margin:0!important;
}
.imgbnr figure img {	
	transition: .5s;
	width:100%;
	aspect-ratio:5/6;
	object-fit:cover;
	overflow:hidden;
}
.imgbnr:hover figure img {
	transform: scale(1.1)
}
.imgbnr .wp-block-vk-blocks-button {
}
.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:1.5rem;
	bottom:4rem;
	font-size:clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem);
	font-weight:700;
}
.imgbnr .vk_button_link_subCaption {	
	position:absolute;
	left:1.5rem;
	bottom:1.5rem;
	font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
	font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
}

/*スライドイメージ*/
.slideimg-btn .vk_button_link_txt {  
  font-size:1.5rem;
  font-weight: 700;
}
.slideimg-btn .vk_button_link.btn {
  border-radius:1rem;
  padding:1.2rem 2rem!important;
  position:relative;
	text-align:left;
}
.slideimg-btn .has-text-color.is-style-outline {
  border-width:2px!important;
}
.slideimg-btn .vk_button_link_after {
	position:absolute;
	top:50%;
	right:1rem;
	transform:translateY(-50%);
}

.slide-image__item img {
	aspect-ratio:1/1.1;
	width:100%;
	object-fit:cover;
}
/* TOPページ_業務内容部分 ホバーで画像切り替え */
 .slide-wrap {
  display:flex;
  gap: 3rem;
  align-items: center;
 }
.slide-image > div {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  overflow: hidden;
  width:100%;
}
 .slide-image__item {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    opacity: 0;
    visibility: hidden;
    transition:
      opacity 0.45s cubic-bezier(0.65, 0, 0.35, 1),
      visibility 0.45s cubic-bezier(0.65, 0, 0.35, 1);
}
.slide-image__item.current {
      opacity: 1;
      visibility: visible;
      transition:
        opacity 0.45s cubic-bezier(0.65, 0, 0.35, 1),
        visibility 0.45s cubic-bezier(0.65, 0, 0.35, 1);
}

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

.page-header-subtext {
	font-size:1rem;
	  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
	color:var(--vk-color-primary);
}


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

/* 会社概要 */

/* 会社概要　＞　代表あいさつ */

/*アコーディオン*/
.vk_accordion .wp-block-vk-blocks-accordion-trigger {	
	background:var(--wp--preset--color--vk-color-custom-2);
	border-radius:.5rem;	
	padding:1.5rem;
}
.vk_accordion-trigger p {
	font-size:1.1rem;
	font-weight:700;
}
.vk_accordion {
	border-bottom:none!important;
}

/*リスト*/
.list-number {
	position:absolute;
	top:-1em;
	left:0;
	right:0;
	font-size:4rem;
	text-align:center;
}

/*サーキュレーション事業　わがまま相談室*/
.wagamama figure {
	text-align:center;
}
.wagamama figure img {
	width:70%;
}
.wagamama h4{
	font-size: 1.1rem;
}
.wagamama ul li{
	font-size: 0.9rem;
}
/*サーキュレーション事業　事業内容*/
.circulation-sb .wp-block-vk-blocks-grid-column-item .vk_gridColumn_item_inner {
    border-radius: 15px;
}
.circulation-sb .wp-block-vk-blocks-grid-column-item .vk_gridColumn_item_inner h3 {
    border-bottom: solid 1px #005684;
}
.circulation-sb .wp-block-vk-blocks-grid-column-item .vk_gridColumn_item_inner h4 {
    border-bottom: solid 1px #005684;
}

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

.sub-section .widget .postList,
.sub-section .widget .localNavi{
	background:var(--wp--preset--color--vk-color-custom-4);
	padding:.5rem 1rem;
	border-radius:.5rem;
}
.sub-section .widget h4 {
	font-weight:700;
	border-bottom:1px solid #000;
	padding-bottom:1rem;
}

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

.vk_post_imgOuter {
	border-radius:1rem;
}

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

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