/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
/***********************************/
/* 全体設定                        */
/***********************************/

/** 初期化処理 **/

html {
	min-height: 100%;
}

body {
	min-height: 100vh;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	color: #444444;
	letter-spacing: .05rem;
	line-height: 1.8rem;
	font-style: normal;
	background-color:#f3f4f5;
	
	/* 視覚的な滑らかさを追加 */
	-webkit-font-smoothing: antialiased;　
}


/* img ポインターイベント禁止 */
img{
	pointer-events: none; !important;
}

a {
    text-decoration: none;
}

h2 {
    background-color: #57b9e2;
	color: white;
	letter-spacing: .1rem;
}


/***********************************/
/* グローバルメニュー              */
/***********************************/

/* グローバルメニュー 下の線を削除など */
body #site-header {
	box-shadow: none;
	background-color:rgba(255,255,255,0.2);
	background-blend-mode:lighten;
}

/** グローバルメニュー ul **/
.global-nav-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 0;
    list-style: none; 
	align-items: center;
}

/** ヘッダー グローバルメニュー li **/
 @media (min-width: 768px){
	.global-nav-list > li[class*=current]:before {
  	  border-bottom:none;
	}
}

/* グローバルメニュー アイコン */
.fa-solid {
	color: #57b9e2;
	margin-bottom: .5rem;
	padding-left: .5rem;
}

/* モバイル時 ハンバーガーメニュー 非表示 */
.vk-mobile-nav-menu-btn {
	display: none;	
}



/***********************************/
/* カスタム                        */
/***********************************/

/**************************************/
/* ヘッダー透過度設定（スクロール後） */
/**************************************/
/* スクロールした後のヘッダーの透過度を変更 */
.header_scrolled .site-header {
    background-color: rgba(255, 255, 255, 0.9) !important;
}


/***********************************/
/* ウィジェット footer             */
/***********************************/
.cst_widget-Footer-koumoku {
	margin-bottom: 0;
	font-size: 14px;
}
.cst_widget-Footer-p {
	margin-bottom: .5rem;	
	font-size: 14px;
}


/*************************************/
/* ずらして重ねる（右下）mobile以外  */
/*************************************/
/* ずらして重ねる設定（共通） */
@media (min-width: 767px) {
	.cst_overlap {
		margin-top: 170px !important;
    	position: relative;
    	z-index: 2;
    	background-color: rgba(255,255,255,0.9);
		border: 2px solid #bbddff;
		border-radius: 10px;
    	padding: 2rem;
	}
/* ずらして重ねる設定（右下） */	
	.cst_overlap-right {
    	margin-left: -150px !important;
		box-shadow: 4px 4px 2px #bbddff;
		max-width: 110%;
	}
	
/* ずらして重ねる設定（左下） */	
	.cst_overlap-left {
    	margin-right: -150px !important; /* ずらす距離（好きな数値に変えてOK） */
		box-shadow: -4px 4px 2px #bbddff;
		max-width: 120%;
	}
}


/* モバイル固定ナビの「採用」アイコン（fa-people-roof）のズレを補正 */
.mobile-fix-nav-menu li a .fa-people-roof {
    width: 1.5em;       /* アイコンの横幅を少し広めに確保 */
    text-align: center; /* その中で中央に寄せる */
    display: inline-block;
	margin-left: -.5rem;
	margin-bottom: -1.5rem !important;
}


.cst_footer_kouhyou {
	margin-bottom: 4rem;
}