/*
Theme Name: Lightning
Text Domain: lightning
Theme URI: https://lightning.vektor-inc.co.jp/en/
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Version: 15.27.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Lightning WordPress theme, Copyright (C) 2015-2024 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.

Lightning WordPress Theme bundles the following third-party resources:

Font Awesome icon font, Copyright 2012 Fonticons, Inc.
its fonts are licensed under the terms of the SIL OFL License 1.1, and its code is licensed under the terms of the MIT license
Source: https://fontawesome.com/

Bootstrap framework, Copyright 2011 Bootstrap Authors and Twitter, Inc.
Bootstrap is licensed under the terms of the MIT license
Source: https://getbootstrap.com/

CSS Simple Tree Shaking
CSS Simple Tree Shaking is licensed under the terms of the GNU General Public License v2 license
Source: https://celtislab.net/
*/


/*ヘッダートップカスタマイズ用*/
.header-top {
	background-color: #f9f9f9;
	padding:4px 0;
	font-size:12px;
}
.header-top__inner {
	max-width:1200px;
	width:100%;
	margin:0 auto;
	padding:0 10px;
	display: flex;
	align-items: center;
}
.header-top__items{
	display:flex;
	column-gap:16px;
	justify-content:end;
	align-items:center;
	margin:0;
	padding:0;
}
.header-top__description{
	display: flex;
	align-items: center;
	margin-right: auto;
	line-height: normal;
	margin-block-start: auto;
	margin-block-end: auto;
}
.header-top__menu{
	display: flex;
	align-items: center;
}
.header-top__item::not(:first-child){
	margin-left:10px;
}
.header-top__item-link{
	display:block;
}
.header-top__item-link--tel{
	font-size:24px;	
}
.header-top__item-link--tel a{
	color: orange;
}
.header-top__contact{
	margin-left:12px;
}
.header-top__contact-link{
	font-size:12px;
}
@media (max-width: 991px) {
	.header-top {
		display: none;
	}
}

/*コピーライトを消す*/
.site-footer-copyright p:nth-child(2) {
    display: none;
}

/*------------------------------
　メニューカスタマイズ開始
-------------------------------*/
body #site-header {
    background-color: rgba(255,255,255,0.8);
}

body.header_scrolled #site-header {
    background-color: rgba(255,255,255,0.9);
}

body:not(.header_scrolled) #site-header {
    position: absolute;
}

body .page-header {
    min-height: min(360px, 50vw);
    padding-top: 80px;
}

/* スクロールしてグローバルナビがページ上部に固定表示されるタイミングでカックンとなることを防ぐ。 */
body .page-header {
    margin-top: 0 !important;
}

@media (min-width: 992px) {

/* アイコンの下にメニューの文字を配置する（スクロールしていないとき） */
body:not(.header_scrolled) .global-nav-list>li .global-nav-name {
display: flex;
flex-direction: column;
}

/* アイコンのスタイル（スクロールしていないとき） */
body:not(.header_scrolled) .global-nav-list>li .global-nav-name i {
font-size: 1.5em;
margin-right: 0;
margin-bottom: 0.5em;
color: var(--vk-color-primary);
}

/* 個々のメニュー枠のスタイル（スクロールしていないとき） */
body:not(.header_scrolled) .vk-menu-acc li {
width: 180px;
margin-left: -1px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}

/* 最後のメニュー項目だけ白抜き文字にする */
.vk-menu-acc li:last-child {
background-color: var(--vk-color-primary);
}
body:not(.header_scrolled) .global-nav-list>li:last-child .global-nav-name i,
.global-nav-list>li:last-child .global-nav-name i {
color: #fff;
}
.global-nav .nav li:last-child a, nav#global-nav li:last-child a {
color: #fff;
}

body:not(.header_scrolled) .global-nav--layout--float-right {
align-items: unset;
}

.header_scrolled .global-nav--layout--float-right {
width: 100%;
}

.header_scrolled .global-nav-list {
display: block;
width: unset; /* 2022.5.31 Lightning 14.21 にアップデートしたときのスクロール時のレイアウトくずれの対策として追加 */
}

/* 最後のメニュー項目だけ右端に配置（スクロール時） */
.header_scrolled .vk-menu-acc li:last-child {
float: right;
}

/* 2023.3.5 追加 - デフォルトの width: 100vw のままだとヘッダー幅がコンテナ幅に一致しない */
.header_scrolled .site-header {
    width: 100%;
}


}
/*------------------------------
 メニューカスタマイズここまで
-------------------------------*/

/*------------------------------
 上に戻るボタンカスタマイズ開始
-------------------------------*/
.page_top_btn {

/*ボタンの大きさ*/
width: 60px;
height: 58px;

/*ボーダーの種類と色*/
border: solid #22b573;

/*ボタンの背景色*/
background:#d0f0bd;

/*ボタンの丸み*/
border-radius: 10px;

/*ボタンの中の画像（デフォルトのもの）*/
 background-image: url("http://kakushou.co.jp/wp/wp-content/uploads/2026/03/totop.png");

/*↑あらかじめメディアにアップロードした画像のURLをコピーしておき、画像のURLのところに貼り付けます*/

/*ボタンの中の画像サイズと位置など*/
background-size:90%;
background-repeat: no-repeat;
background-position: center;
/*シャドウ効果なし*/
 box-shadow: none;
}
/*------------------------------
 上に戻るボタンカスタマイズここまで
-------------------------------*/


/*------------------------------
 見出しカスタマイズ開始
-------------------------------*/

.page-header {
    /* 文字色 */
    color: #ffffff;
    /* 背景画像 */
    background: url(http://kakushou.co.jp/wp/wp-content/uploads/2026/03/topImg_03.png) no-repeat 50% center;
    background-size: cover;
    min-height: 9rem;
    font-family: Hiragino Mincho ProN,"游明朝",serif;
}

.page-header::before {
    /* 背景画像に黒を被せる */
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.25;
    width: 100%;
    height: 100%;
}


/* ページスラッグ recruit 用 */
.page-id-23 .page-header {
    background-image: url("http://kakushou.co.jp/wp/wp-content/uploads/2026/03/topImg_01.png");
    background-size: cover;
    background-position: center;
}

/*------------------------------
 見出しカスタマイズここまで
-------------------------------*/

/*------------------------------
PDFリンクカスタマイズ開始
-------------------------------*/
a[href*=".pdf"]::before {
content: "\f1c1";
font-family: "Font Awesome 6 Free";
color: #F30401;
}

/*------------------------------
PDFリンクカスタマイズここまで
-------------------------------*/


/*------------------------------
TABLEカスタマイズここまで
-------------------------------*/

/* 1列目のセル */
figure.td-min-1 table td:nth-child(1) {
    width: 0;
    white-space: nowrap;
}

/* 2列目のセル */
figure.td-min-2 table td:nth-child(2) {
    width: 0;
    white-space: nowrap;
}


/*------------------------------
TABLEカスタマイズここまで
-------------------------------*/

.contact_bt_txt,
.contact_bt {
	display: block;
}

.txLeft {
	text-align: left;
}

.txCenter {
	text-align: center;
}
.txRight {
	text-align: right;
}




/* Snow Monkey Forms 吹き出しアイコン画像サイズ変更 */
.smb-balloon__figure{
    flex-basis: 180px;
    height: 180px;
    width: 180px;
    max-width: 180px;
}


/* -------------------------------------------- */
/* Snow Monkey Forms：必須マーク（全タイプ対応） */
/* -------------------------------------------- */

.smf-form {
	max-width: 70%;
}

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


/* -------------------------------------------- */
/* Snow Monkey Forms：必須マーク（全タイプ対応） */
/* -------------------------------------------- */

/* テキスト入力・メール・電話・セレクトなど */
.smf-item__col--label:has(+ .smf-item__col--controls input[data-validations*="required"])
  .smf-item__label__text::after {
    content: " ※";
    color: #e00;
    font-weight: bold;
    margin-left: 4px;
}

/* テキストエリア */
.smf-item__col--label:has(+ .smf-item__col--controls textarea[data-validations*="required"])
  .smf-item__label__text::after {
    content: " ※";
    color: #e00;
    font-weight: bold;
    margin-left: 4px;
}

/* ラジオボタン（radiogroup に required が付くタイプ） */
.smf-item__col--label:has(+ .smf-item__col--controls .smf-radio-buttons-control__control[data-validations*="required"])
  .smf-item__label__text::after {
    content: " ※";
    color: #e00;
    font-weight: bold;
    margin-left: 4px;
}