@charset "utf-8";
/*
Theme Name: ビズタレント
Theme URI:
Template: lightning
Description:
Author:
Tags: 
Version: 1.1
*/

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

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

:root{
	--font-h: 'Zen Kaku Gothic Antique', sans-serif;
	--shadow1:0 0.2rem 0.5rem rgb(0 0 0 / 8%);
	--shadow2:0 0.2rem 0.5rem rgb(0 0 0 / 15%);	/* 薄いの時 */
	--vk-size-radius:30px !important;
}

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);
}
h1, h2, h3, h4, h5, h6, .page-header-title, .font-h {
    font-family: var(--font-h), "Noto Sans JP" ,sans-serif;
    font-weight: 700;
    font-display: swap;
}
p{
	color:#747b76;
}
figure.wp-block-image.is-style-vk-image-rounded img,
.wp-block-column.rounded {
	border-radius: var(--vk-size-radius) !important;
}
.wp-block-vk-blocks-outer {
    overflow: visible !important;
}

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

	/* 繰り返しボタン・見出し、余白設計など */
/* 画像ボタン */
.vk-cols--fitbnrs .vk_button .vk_button_btn, .vk-cols--fitbnrs .vk_button .btn {
    border-radius: 0;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

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

/* グローバルナビ */
.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-primary);
    border-bottom: 3px solid var(--vk-color-primary);
}
body  {
	overflow-x: unset !important;
	display: flex;
	flex-direction: column;
}
.device-pc #site-header {
	position: sticky;
	top: 0;
	background:#fff;
}
.logged-in.device-pc #site-header {
	top: 32px;
}
.site-header-logo {
    padding: 0 !important;
    display: grid;
    align-items: center;
}

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

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


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

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



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

	/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */
/* intoro  */
.top-intro-illust {
    position: absolute;
    width: 40vw;
    bottom: -50%;
    right: -20vw;
    z-index: 5;
}

/* 3特徴 */
.top-benefitlist .vk_gridColumn_item_inner {
    border-radius: var(--vk-size-radius);
	box-shadow:var(--shadow1);
    padding: 1rem 2rem 0;
}
/* 3特徴 ナンバリング */
.heading-topfeatures .vk_heading {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin-bottom: 2rem;
    justify-content: flex-end;
    align-content: center;
}
.heading-topfeatures .vk_heading_title {
    margin: 0;
}
.heading-topfeatures  p.vk_heading_subtext {
    display: grid;
    justify-content: start;
    width:4em;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
	margin-top:-0.5em;
}
.heading-topfeatures  p.vk_heading_subtext em {
	font-style : normal;
	font-size : 40px;
}


/* 支援 */
.top-sien-illust-tool {
    position: absolute;
    z-index: -1;
    top: -30%;
    left: -5vw;
    max-width: 25vw;
}
.top-support-illust {
    position: absolute;
    bottom: -15%;
    right: 35%;
}

/* 背景ボタン */
.top-menubutton .wp-block-cover {
    min-height: 250px !important;
}

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

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



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

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



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  メモ用
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* メモの内容用 */