/*
Theme Name: Lightning Child
Template: lightning
Text Domain: lightning
Theme URI: https://lightning.vektor-inc.co.jp/en/
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Version: 15.33.1
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 7.4
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Lightning WordPress theme, Copyright (C) 2015-2026 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.

Lightning WordPress Theme bundles the following third-party resources:

Font Awesome icon font, Copyright 2012 Fonticons, Inc.
its fonts are licensed under the terms of the SIL OFL License 1.1, and its code is licensed under the terms of the MIT license
Source: https://fontawesome.com/

Bootstrap framework, Copyright 2011 Bootstrap Authors and Twitter, Inc.
Bootstrap is licensed under the terms of the MIT license
Source: https://getbootstrap.com/

CSS Simple Tree Shaking
CSS Simple Tree Shaking is licensed under the terms of the GNU General Public License v2 license
Source: https://celtislab.net/
*/
/*
body {
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgba(0,0,0,0.05) calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), rgba(0,0,0,0.05) calc(100% - 1px));
  background-size: 18px 18px;
  background-repeat: repeat;
  background-position: center center;

}
*/
.cta2 a.vk_button_link,
.top-bnr a.vk_button_link {
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5) !important;
    opacity: .9;
}
.ctop-bnr a.vk_button_link {
  border: 1px solid #083b77;
  opacity: .8;
}

.top-bnr-frame {
    border-radius: 1px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5) !important;
}

.cta2 a:hover,
.top-bnr a:hover {
  background: #3863D7 !important;
  opacity: .2 !important;
}
.top_frame {
    border: 1px solid #eee !important;
    border-radius: 13px !important;
    border-radius: 1px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) !important;
    padding: 3em;
    margin-top:-120px;
}
.top_frame .job-grid{
  padding: 0;
  margin: 0;
}
.top_blue_header .vk_outer-background-area{
	background: linear-gradient(45deg, #3863D7,#00aae8, #3FD59E) !important;
}

header#block-site-header {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}

#breadcrumb {
	margin-top: 1em;
	margin-bottom: 1em;
}
#breadcrumb,
#breadcrumb a {
	font-size: 14px;
	text-decoration: none;
}

.page-header {
	letter-spacing: .3em;
  min-height: auto !important;
}

.site-footer-copyright,
.veu_adminEdit {
	display: none;
}
.color {
	color:#083b77 ;
	color:#202f55 ;
	color:#00aae8 ;
	color:#3863D7 ;
	color: #E8F3FD;
}
.header-freedial-bnr img{
	max-height: 54px;
	width: auto;
}


.page-title {
  letter-spacing: normal;
  font-size: 28px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
  min-height: 43px;
  margin-bottom: 1.6em;
}

.page-title::before {
  content: "";
  width: 12px;
  flex: 0 0 12px;
  height: auto;
  align-self: stretch;
  background: url(/wp-content/uploads/2026/01/page-title2.png) no-repeat center;
  background-size: 100% 100%;
  margin-right: 0.5em;
}

.h2-style1,
.h2-style2 {
  display: flex;
  align-items: center;
  padding: .5em .7em;
  background-color: #f3f3f3;
  color: #333333;
  border-radius: 3px; 
  box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
  font-size: 1.4em;
}

.h2-style1::before,
.h2-style2::before {
    display: inline-block;
    width: 6px !important;
    height: 1.5em;
    margin-right: .5em;
    content: '';
    border-radius: 3px; 
}
.h2-style1::before {
  background-color: #00aae8;
}
.h2-style2::before {
  background-color: #3863D7;
}

h3.style1 {
  position: relative;
  display: block;
  width: fit-content;
  margin: 0 auto 1.5em;
}

h3.style1:before {
  content: '';
  position: absolute;
  bottom: -15px;
  width: 60px;
  height: 6px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #3863D7;
  border-radius: 3px;
}

.cta {
  background: linear-gradient(45deg, #3863D7, #00aae8);
}
.page-header::before {
	background: linear-gradient(45deg, #00aae8, #3863D7) !important;
}
.gnavi a {
	font-weight: 600;
}

li.gnavi-contact a {
	background: linear-gradient(45deg, #00aae8, #3863D7) !important;
	color: #ffffff !important;
	text-align: center;
}

li.gnavi-contact a:hover {
  background: linear-gradient(45deg, #3863D7, #00aae8) !important;
}

/* 1. 横の隙間の調整（左右の余白を5pxに縮小） */
.sitemap-grid .row > [class*="col-"] {
    padding-right: 7px !important; /* 標準は12〜15px程度 */
    padding-left: 7px !important;  /* 左右合わせて10pxの隙間になります */
}

/* 2. 各ボタンの上下の隙間（前回からの継続） */
.sitemap-grid .vk_gridColumn_item {
    margin-bottom: 14px !important; 
}

/* 3. ボタン本体（高さ100px） */
.sitemap-grid .vk_gridColumn_item_inner {
    position: relative !important;
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) !important;
    transition: all 0.3s ease !important;
    min-height: 120px !important; 
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 以下、文字色やアイコンの設定はそのまま継続してください */
.sitemap-grid p.has-text-align-center {
    position: relative;
    z-index: 5;
    color: #222222 !important;
    font-weight: 700;
    font-size: 18px;
    margin: 0 !important;
}

.sitemap-grid .vk_gridColumn_item_link {
    display: block;
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 10;
}

.sitemap-grid .vk_gridColumn_item_inner::after {
    font-family: "Font Awesome 6 Free";
    content: '\f054';
    font-weight: 900;
    position: absolute;
    right: 1.5em;
    top: 50%;
    transform: translateY(-50%);
    color: #3863D7;
    z-index: 6;
}

.sitemap-grid .vk_gridColumn_item_inner:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18) !important;
}

ul.check2 ,
ul.check3 ,
ul.check3-small {
  list-style: none ;
  margin:1em 0 !important;
  padding-left: 0 !important;
}

ul.check2 li ,
ul.check3 li {
  --icon-size: 24px;
  --icon-gap: 12px;
  background-repeat: no-repeat;
  background-position: left center ;
  background-size: var(--icon-size) var(--icon-size);
  padding: 0px 5px 5px calc(var(--icon-size) + var(--icon-gap));
  margin-left: 0;
  font-weight: 600;
  font-size: 20px;
}
ul.check3-small li {
  --icon-size: 20px;
  --icon-gap: 12px;
  background-repeat: no-repeat;
  background-position: left 2px ;
  background-size: var(--icon-size) var(--icon-size);
  padding: 0px 5px 5px calc(var(--icon-size) + var(--icon-gap));
  margin-left: 0;
}
ul.check2 li {
  background-image: url(/wp-content/uploads/2026/01/check3.png);
}
ul.check3 li ,
ul.check3-small li {
  background-image: url(/wp-content/uploads/2026/01/check2.png);
}

/************************
その他のお仕事バナー
************************/
.other-job-bnr {
  text-align: center;
}
.other-job-bnr a:hover{
  opacity: .8;
}

.other-job-bnr img {
  width: 84%;
}

.other-job-bnr a:hover img,
.other-job-bnr:hover img {
  opacity: .9;
  }

@media (max-width: 768px){
  .other-job-bnr img {
    width: 100%;
  }
  ul.check2 li {
    font-size: 15px !important;
  }
  .page-title {
    letter-spacing: normal;
    font-size: 22px;
    min-height: 38px;
    margin-bottom: 1.6em;
  }

  .page-title::before {
    width: 6px !important;
    flex: 0 0 10px;
    margin-right: 0.5em;
  }
  .h2-style1,
  .h2-style2{ font-size: 16px; }
}

/************************
お仕事情報
************************/
.job-grid{
	display: grid;
	grid-template-columns: repeat(var(--job-cols, 3), minmax(0, 1fr));
	gap: 24px;
	margin: 24px 0;
}

.job-item{
	border: 1px solid rgba(0,0,0,.08);
	overflow: hidden;
	background: #fff;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.job-item:hover{
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0,0,0,.12);
	border-color: rgba(0,0,0,.18);
}

/* カード内リンクの下線は出さない（念のため） */
.job-item:hover .job-link{
	text-decoration: none;
}

.job-link{
	display: block;
	text-decoration: none;
	color: inherit;
}

.job-thumb{
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 266 / 229;
	object-fit: cover;
}

.job-title{
	font-size: 16px;
	line-height: 1.4;
	padding: 12px 14px;
	margin: 0;
}

/* ページング */
.job-pagination ul{
	display: flex;
	gap: 8px;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: 28px 0 0;
}
.job-pagination a,
.job-pagination span{
	display: inline-block;
	padding: 8px 12px;
	border: 1px solid rgba(0,0,0,.15);
}
.job-pagination .current{
	font-weight: 700;
}

/* レスポンシブ */
@media (max-width: 991px){
	.job-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px){
	.job-grid{ grid-template-columns: 1fr; }
}

/************************
その他のお仕事
************************/
.otherjob-archive{
  --jd-primary: #013273;
  --jd-primary-2: #024d85;
  --jd-accent: #00a3ef;
  --jd-bg: #f6f8fb;
  --jd-border: #e6e9ef;
  --jd-text: #132238;
  --jd-muted: #5b6b7a;
  --jd-radius: 16px;
  --jd-shadow: 0 10px 30px rgba(10, 20, 30, .06);

  color: var(--jd-text);
  display:grid;
  gap:20px;
}

.otherjob-archive h2{
  margin-bottom: .5em;
}

.otherjob-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  padding:18px;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  transform:translateY(0);
  transition:transform .22s ease, box-shadow .22s ease;
  will-change:transform;
}

.otherjob-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,.14);
}

.otherjob-card__title{
  margin:0 0 8px;
  font-size:1.2rem;
  line-height:1.4;
}

.otherjob-card__lead{
  margin:0 0 14px;
	color:#3863D7 ;
  font-weight: 600;
}

.otherjob-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin:10px 0 16px;
  overflow:hidden;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.08);
}

.otherjob-table th,
.otherjob-table td{
  padding:12px 14px;
  vertical-align:top;
  border-top:1px solid rgba(0,0,0,.08);
}

.otherjob-table tr:first-child th,
.otherjob-table tr:first-child td{
  border-top:none;
}

.otherjob-table th{
  width:28%;
  background:rgba(0,0,0,.03);
  font-weight:600;
  white-space:nowrap;
}

.otherjob-card__foot{
  margin-top:10px;
  text-align: center;
}

.otherjob-apply{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  padding: 14px 18px;
  border-radius: 999px;
  background: var(--jd-primary);
  color: #fff;
  font-weight: 900;
  letter-spacing: .03em;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(1, 50, 115, .25);
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
  width: 50%;
  margin: 18px auto 0; /* 中央寄せ（左右auto） */
}

.otherjob-apply:hover{
  background: var(--jd-primary-2);
  transform: translateY(-1px);
  text-decoration: none;
  color: #fff;
}


/* 応募ボタン */
#jobdetail .block05 > a{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  padding: 14px 18px;
  border-radius: 999px;
  background: var(--jd-primary);
  color: #fff;
  font-weight: 900;
  letter-spacing: .03em;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(1, 50, 115, .25);
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
  width: 50%;
  margin: 18px auto 0; /* 中央寄せ（左右auto） */
}
#jobdetail .block05 > a:hover{
  background: var(--jd-primary-2);
  transform: translateY(-1px);
  text-decoration: none;
}
#jobdetail .block05 > a:active{
  transform: translateY(0);
}


.otherjob-pagination ul{
  display:flex;
  gap:8px;
  list-style:none;
  padding:0;
  margin:22px 0 0;
  justify-content:center;
}

.otherjob-pagination a,
.otherjob-pagination span{
  display:inline-flex;
  min-width:40px;
  height:40px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(0,0,0,.10);
  text-decoration:none;
  color:inherit;
}

.otherjob-pagination .current{
  background:rgba(1,50,115,.10);
  border-color:rgba(1,50,115,.25);
}

/* SP最適化 */
@media (max-width: 640px){
  .otherjob-table th{ width:34%; }
  .otherjob-card{ padding:16px; }
}

/************************
お問い合わせフォーム
************************/
/* -----------------------------------------------------------
   フォーム全体のスタイル
----------------------------------------------------------- */
.form-container {
    max-width: 900px;
    margin: 20px auto;
    line-height: 1.6;
    color: #333;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.form-container .red-exp{
    margin: 20px auto;
    text-align: center;
    color: #fff;
    background-color:#e74c3c ;
    padding: 10px;
    font-size: 1.5em;
    font-weight: 800;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.mwform-confirmation-wrap .example,
.form-container .p-country-name {
  display: none !important;
}

.form-container .confirm-hidden {
  text-align: center;
  margin-top: 3em;
}

/* 確認画面・完了画面で説明文を非表示にする */
.mw_wp_form_confirm .form-intro,
.mw_wp_form_complete .form-intro {
    display: none !important;
}

/* 必須ラベル */
.essential {
    background: #e74c3c;
    color: #fff;
    font-size: 0.75rem;
    padding: 3px 8px;
    border-radius: 3px;
    margin-left: 10px;
    vertical-align: middle;
}

/* 各入力グループの枠線 */
.form-group {
    display: flex;
    border: 1px solid #ddd;
    margin-top: -1px; /* 枠線の重なりを解消 */
}

.form-label {
    width: 30%;
    background: #f4f4f4;
    padding: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.form-field {
    width: 70%;
    padding: 20px;
}

/* 入力要素のデザイン */
.form-field input[type="text"],
.form-field input[type="number"],
.form-field textarea,
.form-field select {
    width: 100%;
    max-width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.form-field textarea {
    resize: vertical;
}

/* 年齢入力の幅調整 */
.age-input-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}
.box-age { width: 80px !important; }

/* 補足説明 */
.example {
    display: block;
    font-size: 0.85rem;
    color: #777;
    margin-top: 5px;
}

/* 住所行の調整 */
.address-row { margin-bottom: 15px; }
.sub-label { display: inline-block; width: 100px; font-size: 0.9rem; font-weight: bold; }

/* -----------------------------------------------------------
   プライバシーポリシー
----------------------------------------------------------- */
.privacy-policy-box {
    margin-top: 40px;
    padding: 30px;
    background: #f9f9f9;
    border: 1px solid #ddd;
}

.privacy-title {
    font-size: 1.2rem;
    margin-bottom: 20px;
    text-align: center;
}

.privacy-scroll {
    height: 200px;
    overflow-y: scroll;
    background: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    font-size: 0.9rem;
    margin-bottom: 20px;
}

.privacy-check {
    text-align: center;
    font-weight: bold;
}

/* -----------------------------------------------------------
   ボタンエリア
----------------------------------------------------------- */
.form-container .form-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 40px 0;
}

.form-container .btn-submit {
    display: inline-block;
    padding: 18px 60px;
    border-radius: 4px;
    border: none;
    font-weight: bold;
    font-size: 1.1rem;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    transition: 0.3s;
}

/* 戻るボタンのデザインをリセットボタンと統一 */
.form-container .btn-reset, 
.form-container .mwform-back-button {
    display: inline-block;
    padding: 18px 60px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.1rem;
    background: #bbb;
    color: #fff;
    transition: 0.3s;
    text-align: center;
    text-decoration: none;
}

.btn-reset:hover,
.mwform-back-button:hover {
    background: #999;
}

.form-container .btn-submit { background: #0052a4; color: #fff; }
.form-container .btn-submit:hover { background: #003d7a; opacity: 0.9; }

.form-container .btn-reset, .mwform-back-button { background: #bbb; color: #fff; }
.form-container .mwform-back-button:hover { background: #999; }

/* -----------------------------------------------------------
   スマホ対応
----------------------------------------------------------- */
@media (max-width: 767px) {
    .form-container .form-group { flex-direction: column; }
    .form-container .form-label { width: 100%; padding: 10px 20px; }
    .form-container .form-field { width: 100%; padding: 15px 20px; }
    .form-container .form-buttons { flex-direction: column-reverse; }
    .form-container .btn-submit,
    .form-container .btn-reset,
    .form-container .mwform-back-button { width: 100%; padding: 15px; }
}

/* -----------------------------------------------------------
   送信完了画面 (Thanks Page)
----------------------------------------------------------- */

.conp {
    max-width: 800px;
    margin: 60px auto;
    padding: 40px 20px;
    text-align: center;
    background: #fff;
    border: 2px solid #f0f0f0;
    border-radius: 10px;
    line-height: 1.8;
    color: #333;
}

/* 完了を強調するアイコン表示 */
.conp::before {
    content: '✓';
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #0052a4; /* フォームのボタン色と統一 */
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    border-radius: 50%;
    margin: 0 auto 30px;
}

/* メッセージの強調部分 */
.conp p, 
.conp {
    font-size: 1.05rem;
}

/* トップへ戻るボタン */
.conp a {
    display: inline-block;
    margin-top: 40px;
    padding: 15px 60px;
    background: #333;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    transition: 0.3s;
}

.conp a:hover {
    background: #555;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* 画像カード全体を浮かせる */
.dormgrp .wp-block-image figure{
  display: inline-block;
  border-radius: 16px;
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease, filter .3s ease;
}

.dormgrp .wp-block-image figure:hover{
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 20px 40px rgba(0,0,0,0.22);
  filter: brightness(1.03);
}
.rinenimg {
  padding: 40px;
  border: 1px solid #888;
  display: inline-block;
  text-align: center;
  border-radius: 2px;
}

/* スマホ対応 */
@media (max-width: 767px) {
  .top_frame {
      padding: 1em;
      margin-top:-60px;
  }

  .top-icatch-txt1 {
    font-size: 16px !important;        
  }
  .top-icatch-txt2 {
    font-size: 13px !important;    
  }
  .form-container .red-exp{
      font-size: 1.2em;
      text-align: left;
  }

  .dormgrp p strong{
    font-size: 12px !important;    
  }
  .jobtrainingflow .vk_icon_border {
    width:calc(18px + 0px);height:calc(18px + 0px) !important;
    margin-top: 5px;
  }
  .jobtrainingflow .wp-block-column-is-layout-flow {
    flex-basis:54px !important;
  }
  .jobtrainingflow h4.wp-block-heading {
    font-size: 15px !important;    
  }
  h3.jobtrainingh3 {
    font-size: 16px !important;    
  }
  h2.dormh2,
  h2.jobtrainingh2 {
    font-size: 18px !important;    
  }
  h3.voiceh3 {
    font-size: 20px !important;    
  }
  .reason3ttl {
    font-size: 24px !important;    
  }
  .sp-center *{
    text-align: center !important;
  }
  .voiceimg {
    text-align: center;
  }
  .voiceimg img {
    width: 70%;
    height: auto;
    margin: 0 auto;
  }
  h2.voiceh4 {
    font-size: 20px !important;
  }
  h3.companyh3,
  h3.flowh3 {
    text-align: center !important;
  }
  h3.companyh3 {
    font-size: 26px !important;
  }
  h3.flowh3,
  .sp-center h3{
    font-size: 24px !important;
  }
  ul.check3 li{
    --icon-size: 20px;
    --icon-gap: 12px;
    font-size: 16px !important;
    background-position: top 4px left ;
  }
  .sp-center-btn a{
    width: 90%;
  }
  .sp-center-btn {
    text-align: center !important;
    margin-right:  auto !important;
    margin-left:  auto !important;
  }
  .konnatokiwa img {
    width: 170px !important;
    height: auto;
  }
  .page-id-84 h3.h2-style2 {
    margin-top: 0 !important;
  }
  .step-icon img {
    width: 50px;
    height: auto;
  }
  h3.style1 {
    font-size: 20px !important;
  }
  .otherjob-apply{
    width: 90%;
  }
  .page-icatch .exp{
    font-size: 14px !important;
  }
  .page-icatch h1 {
    font-size: 20px !important;
  }
  .vkp-table-underline :is(td,th) {
    font-size: 14px !important;
    display: block;
  }

  .vk_timeline h6.wp-block-heading {
    font-size: 14px !important;
  }
  .quest {
    font-size: 16px !important;
  }
  #breadcrumb,
  #breadcrumb a {
    font-size: 12px;
  }
  h1.page-header-title {
    font-size: 18px;
  }
  .cta {
    text-align: center !important;
    float: none;
    display: block;
  }
  .conp {
      margin: 30px 15px;
      padding: 30px 15px;
  }
  .conp a {
      width: 100%;
      box-sizing: border-box;
      padding: 15px 20px;
  }
  .sitemap-grid .vk_gridColumn_item_inner {
    min-height: 80px !important; 
    align-items: center;
    justify-content: center;
  }
  .sitemap-grid p.has-text-align-center {
      font-size: 12px;
  }
  .rinenimg {
    text-align: center;
  }
  .rinenimg img{
    width: 82% !important;
    height: auto;
  }
}

.step h5.vk_heading_title span{
  background: #3863D7 !important;
  color: #fff !important;
  padding: 10px !important;
  display: block !important;
  line-height: 1 !important;
  border-radius: 1px;
  font-size: 15px !important;
  text-align: center;
}

.mobile-fix-nav {
  background: linear-gradient(95deg, #3863D7, #00aae8) !important;
}




/* メタ情報リスト */
.job-meta {
  margin: 8px 0 0;
  padding: 0;
}

.job-meta__row {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 4px 0;
  font-size: 0.85rem;
  line-height: 1.5;
}

.job-meta__label {
  flex-shrink: 0;
  padding: 1px 6px;
  background: #1a5fa8;   /* ← サイトのアクセントカラーに合わせてください */
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
  border-radius: 2px;
  min-width: 5em;
  text-align: center;
}

.job-meta__dd {
  margin: 0;
  color: #333;
}