@charset "utf-8";
/*
 * resposive.css は 991px 以下のデバイスへと反映されます。
 * 
 * ブレイクポイントは標準のLightningテーマおよびBootstrapの理念に基づき
 * sm: 576px　md: 768px　lg: 992px　xl: 1200px　となっているので、それに準じてください。
 * 
*/

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */
html>body{
    margin-top: unset !important;
	font-size:14px !important;
}
body.device-mobile {
    max-width: 100vw;
    overflow-x: hidden !important;
}
.admin-bar #wpadminbar {
    visibility: hidden;
}
.admin-bar .vk-mobile-nav-menu-btn {
    top: 5px;
}
/*スマホメニュー*/
#vk-mobile-nav {
    padding-top: 70px;
}
.mobile-nav-btn-right .vk-mobile-nav-menu-btn, 
.vk-mobile-nav-menu-btn.position-right {
    right: 10px;
}
.vk-mobile-nav-menu-btn {
    border-color: #333;
    background: var(--vk-mobile-nav-menu-btn-bg-src) center 50% no-repeat #fdd94b;
}
.vk-mobile-nav-menu-btn.menu-open {
    border-color: #333;
    background: var(--vk-mobile-nav-menu-btn-close-bg-src) center 50% no-repeat #fdd94b;
}
.vk-mobile-nav-menu-btn,
.vk-mobile-nav-menu-btn.menu-open{
    top: 15px;
    border: 2px solid #333;
    border-radius: 6px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */
/*ワイドボタン*/
.vk_button.vk_button-align-wide {
	max-width: 92%;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header, Hamburger ヘッダーまわり・ハンバーガーナビ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
header#site-header {
    min-height: calc(44px + 5px + 5px);
    display: flex;
    align-items: center;
	top:unset;
}
.wp-block-columns.hamburger-cta {
    gap: 1rem;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */
.footer-inner {
	padding: 0 1rem!important;
}
ul.wp-block-list.footer-navlist {
    line-height: 1.6;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.feature {
	padding: 0.4rem 0.8rem;
	max-width: 480px;
}
.feature p span {
	font-size: 24px!important;
}
@media (max-width: 575.98px) {
	.feature p {
		flex-direction: column;
        align-items: flex-start;
	}
	.feature p span {
		margin-left: 0;
	}
}

.wp-block-group.top_icongrid {
    grid-template-columns: repeat(3,auto) !important;
    padding-inline: 0 !important;
}
.top_icongrid>.wp-block-group figure {
    width: 50px;
}

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

/* 	div#breadcrumb ol.breadcrumb-list {
		position: relative;
		top: unset;
		padding: 1em;
		font-size: small;
		max-width: 100%;
	}
	.page-header {
		border-radius: 26px 0 0 26px;
		width: auto;
		margin-left: 33%;
		position: relative;
}
	.page-header-inner.container {
		margin-left: 0;
		padding: 0 0 0 1em;
		margin-left: -50%;
		text-shadow: 2px 2px 1px #ffffffe0;
	}

 */
div#breadcrumb {
    position: relative;
    z-index: 10;
}
ol.breadcrumb-list {
    position: absolute;
	width: 100%;
    text-shadow: 0 0 8px #fff,0 0 10px #fff;
	
}
li.breadcrumb-list__item:last-child {
    display: none;
}
.page-header {
    background-size: cover;
    background-attachment: local;
    color: #333;
    text-shadow: 0 0 8px #fff;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */
/*ライフとは？*/
.wp-block-image.intro-text-image img {
    max-width: 150px;
}

.step {
    left: 10px;
}
.gridcol_icon-text .vk_gridColumn_item {
    grid-template-columns: 70px 1fr;
    gap: 0.5rem;
    margin-bottom: 1rem;
}


/*3つの働き方のボタン*/
.ws-btnarea .vk_button .vk_button_link.btn {
    min-width: 260px;
}
.img-hitohito {
	max-width: 300px;
	width: 100%;
}
/*ライフ谷の見出し*/
.office-info-col .vk_heading_title {
	margin-bottom: 0;
}
.office-info-col {
	gap: 1em 2em;
}
/*利用を検討している方へ:流れ*/
@media (max-width: 575.98px) {
	.timeline-2column {
		--time-width: 150px;
	}
}
/*運営会社情報*/
@media (max-width: 767.98px) {
	.ttl-rinen {
		margin-bottom: 0;
		text-align: center;
	}
}

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



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



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

@media (max-width: 767.98px) {
	/*ポイントイラストCTA*/
	.cta-hito {
		position: absolute;
		top: -100px;
		right: 0;
	}
	.cta-hito img {
		height: 100px!important;
		width: 64px;
	}
	.linkarea-hito {
		top: -100px;
		width: 70px;
	}
}
@media (max-width: 575.98px) {
	/*ポイントイラスト*/
	.point-hito {
		position: absolute;
		top: -60px;
		left: 0;
		width: 80px;
	}
}



/* グリッドカラム SP横スクロール */
.grid-column-slider>.row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: auto;
/*     padding: 1em 20vw; */
    scroll-snap-type: x mandatory;
}
.grid-column-slider .vk_gridColumn_item {
    flex-basis: 250px;
    scroll-snap-align: start;
	max-width: unset;
}