@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:20px !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;
}


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

	/* 繰り返しボタン・見出し、余白設計など */
span.su-lightbox {
    background: #eee;
    padding: 0.05em 1em;
    font-size: 90%;
    color: #777;
}

span.su-lightbox::before {
    content: '\f059';
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	padding-left:0.5em;
}
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;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  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 トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

/* 中間CTA */
.middle-cta-contact .vk_button_link_caption {
    font-size: 1.5rem;
    font-weight: bold;
}
.middle-cta-tel .vk_button_link_caption {
    font-size: 2rem;
    font-weight: bold;
    font-family:var(--font-h);
}
/* 理由 */
.top-reason-num {
    position: relative;
}
.top-reason-num .wp-block-group__inner-container {
    background: var(--vk-color-primary);
    width: fit-content;
    position: absolute;
    left: 50%;
    border-radius: 100px;
    transform: translate(-50%,-50%);
    color: #fff !important;
	padding:0.8rem;
}
.top-reason-num p {
    margin-bottom: 0 !important;
}
.top-reason figure{
    border-radius: var(--vk-size-radius) var(--vk-size-radius) 0 0;
	overflow:hidden;
}

/* ポイントが貯まる */
.top-gal {
    padding-left: 50px;
}

.top-gal figure.wp-block-image:nth-child(-n+2) {
    transform: translateX(-50px);
}
.top-gal figure.wp-block-image {
    padding: 10px;
}
.top-point-illust {
	position:absolute;
    bottom: -50px;
    left: -90px;
}
.top-pointusage.wp-block-vk-blocks-outer {
    background-size: 500px !important;
    background-position: left !important;
}
.top-pointusage{
	    border-radius: var(--vk-size-radius);
}
.top-pointusage .wp-block-group.has-white-background-color {
    border-radius: calc( var(--vk-size-radius) / 2);
	box-shadow:var(--shadow1);
    padding: 0.3em 1em;
}
/* 利用者の声 */
.top-voice .vk_gridColumn_item_inner::before {
    content: '”';
    font-family: 'Zen Kaku Gothic Antique';
    font-size: 150px;
    position: absolute !important;
    top: -75px;
    right: 10px;
    opacity: 0.1;
}
/* 仕事例 */
.top-job-illust {
    position: absolute;
    top: -50%;
    right: -8vw;
}
.top-jobgrid .vk_gridColumn_item {
    max-width: unset !important;
    flex: unset !important;
    background: #fff;
    padding: 0;
    border-radius: var(--vk-size-radius);
	overflow:hidden;
	box-shadow:var(--shadow1);
}
.top-jobgrid .vk_gridColumn_item h3 {
    margin-top: 1rem;
    padding: 0 1rem;
    font-size: 1.2rem;
}

/* 支援サービス */
.top-caregrid .vk_gridColumn_item_inner {
    padding: 2em;
    box-shadow: var(--shadow2);
	border-radius: var(--vk-size-radius);
}

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

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



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

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



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

	/* メモの内容用 */





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  ペロっとしないヘッダー固定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*
#site-header { 
    position: fixed; 
    top: 0; 
} 

.site-header.sticky { 
    animation: unset; 
} 

.swiper-container {
	padding-top: 90px;
}

.page-header {
	padding-top: 6rem;
}
	*/

/*ブロックナビゲーション内調整*/
/*

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #fff;
    color: #000;
    width: 100%;
}