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

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */
html {
    margin-top: unset !important;
}
.admin-bar #wpadminbar {
    visibility: hidden;
}
.admin-bar .vk-mobile-nav-menu-btn {
    top: 5px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */
/* ボタンテキスト */
/* CTAセクションのボタン */
.cta-btn .vk_button_link {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  height: 100px;
}

/* ボタンアイコンの色 */
.cta-btn.vk_button .vk_button_link_before {
	color: #0267BC;
	font-size: 24px;
}
/* ボタンテキスト */
.cta-btn .vk_button_link_txt {
	font-size: 1.2rem;
}
.cta-btn .vk_button_link_subCaption {
	font-size: 1rem;
}
.cta-btn.tel .vk_button_link_txt {
	font-size: 1.7rem; /* 電話番号大きく */
}

/* 縦並びのボタンgap */
.vk_buttons_col-justify-center {
	gap: 1rem !important;
}

/* 見出し */
h2 {
	font-size: 1.9rem;
}
h3 {
	font-size: 1.4rem;
}
/* TOP英語見出し */
.heading-en {
	font-size: 4rem;
}

figure.wp-block-flexible-table-block-table.is-scroll-on-mobile {
    margin-inline: -15px;
    padding-inline: 15px;
}

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

/* ハンバーガーナビ */
#vk-mobile-nav-menu-btn {
background: none;
background-color: #fff;
border: none;
}
#vk-mobile-nav-menu-btn::after {
content: '\f0c9';
font-family: "Font Awesome 6 Free";
font-weight: 700;
font-size: 30px;
color: var(--wp--preset--color--vk-color-primary);
position: absolute;
top: 0;
left: 0;
line-height: 44px;
width: 44px;
text-align: center;
text-indent: 0;
}
#vk-mobile-nav-menu-btn.menu-open::after {
content: '\f00d';
}

/* 上のラインだけなくす */
.vk-mobile-nav nav>ul {
border-top: none;
}
/* ハンバーガーナビ内フォント */
.vk-mobile-nav nav ul li a {
	font-size:1.125rem;
	font-weight: 700;
	color: var(--wp--preset--color--vk-color-primary)
}
.vk-menu-acc .acc-btn {
	border: none;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */

/* フッター2段組 */
.site-footer .widget_nav_menu {
    column-width: 150px;
  }
.site-footer .widget_nav_menu>div>ul li {
	margin-bottom: 0.5rem;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* メインビジュアル */
.main-copy {
    padding-bottom: 3em; 
}
.main-copy h1{
	font-size: 3rem;
}
.main-copy_subtitle {
	font-size: 2rem !important;
}
.main-copy_company {
		font-size: 1.7rem !important;
}

/* 実績紹介の画像 */
.bussiness-img1 {
/*      width: 80%; */
}
.wp-block-image.business-img2 figure.alignright {
    margin-right: -20px;
/* 	width: 80%; */
}

/* 100周年画像 */
.anniversary-img img {
	width: 240px;
}
.anversary-heading {
	font-size: 1.25rem;
}

/* WORKS画像 */
.work-group .mask-wrap.mask-animated {
	margin-top: 0;
}

.works-img img {
	width: 80% !important;
}

/* 採用セクション */
.recruit-left-column {
	padding-bottom: 8rem !important;
}
.recruit-cover {
	min-height: 350px !important;
}

/* ニュースセクション */
.news-column {
	gap: 0;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */
/* ページタイトル */
.page-header-title {
	font-size: 1.5rem !important;
}
/* サブタイトル */
.page-header-subtext {
	font-family: var(--figtree);
	font-weight: 700;
	font-size: 4rem;
}
.page-header {
	min-height: 14rem;
}



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

/* 100年のあゆみ */
.btn-history {
	width: 100%;
}

.wp-block-columns.timeline-wrap {
    gap: 0;
    padding-left: 30px;
}
.wp-block-columns.timeline-wrap::before {
    left: 8px;
    width: 4px;
}
h3.wp-block-heading.timeline-title-right::after,
h3.wp-block-heading.timeline-title-left::after {
    display: none;
}
h3.wp-block-heading.timeline-title-right::before,
h3.wp-block-heading.timeline-title-left::before {
    left: 0;
    right: auto;
    top: 50%;
    transform: translate(-30px, -50%);
}
h3.wp-block-heading.timeline-title-right {
    padding: 0;
}

/* スマホだけ並び替え */
.wp-block-columns.timeline-wrap .wp-block-column {
    display: contents;
}
.timeline-order1{
	reading-order:1;
	order:1;
}
.timeline-order2{
	reading-order:2;
	order:2;
}
.timeline-order3{
	reading-order:3;
	order:3;
}
.timeline-order4{
	reading-order:4;
	order:4;
}
.timeline-order5{
	reading-order:5;
	order:5;
}
.timeline-order6{
	reading-order:6;
	order:6;
}
.timeline-order7{
	reading-order:7;
	order:7;
}
.timeline-order8{
	reading-order:8;
	order:8;
}
.timeline-order9{
	reading-order:9;
	order:9;
}
.timeline-order10{
	reading-order:10;
	order:10;
}
.timeline-order11{
	reading-order:11;
	order:11;
}
.timeline-order12{
	reading-order:12;
	order:12;
}


/* 実績紹介 */
/* テーブルの下線 */
.work-table.wp-block-flexible-table-block-table table tr td:first-child {
        border-bottom: none;
	   padding-bottom: 0;
    }


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
/* 日付 */
.postListText_date {
	min-width: 90px ;
}


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



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