@charset "utf-8";
/*
 * resposive.css は 991px 以下のデバイスへと反映されます。
 * 
 * ブレイクポイントは標準のLightningテーマおよびBootstrapの理念に基づき
 * sm: 576px　md: 768px　lg: 992px　xl: 1200px　となっているので、それに準じてください。
 * 
*/
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */
:root{
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1rem;
  --wp--preset--spacing--60: 1.5rem;
  --wp--preset--spacing--70: 1.5rem;
  --wp--preset--spacing--80: 2rem;
}
html {
  margin-top: unset !important;
}
.admin-bar #wpadminbar {
  visibility: hidden;
}
.admin-bar .vk-mobile-nav-menu-btn {
  top: 5px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */
.order1{
  order: 1;
}
.order2{
  order: 2;
}
.sp-gap-none{
  gap: 0
}
/*画像白反転*/
.img-white img {
  filter: contrast(0) brightness(3);
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header, Hamburger ヘッダーまわり・ハンバーガーナビ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
header#site-header {
  min-height: calc(44px + 5px + 5px);
  display: flex;
  align-items: center;
  top: unset;
}
.site-header-logo img {
  max-height: 24px !important;
}
/* --- ハンバーガー --- */
.vk-mobile-nav {
  padding-top: 15px !important;
  background-color: #111;
}
/* ハンバーガーメニュー内のテキスト・リンク色 */
.vk-mobile-nav p,.vk-mobile-nav a,.vk-mobile-nav nav ul li a {
  color: #fff !important;
  text-decoration: none;
}
.vk-mobile-nav nav ul li a {
  border-bottom: 1px solid #fff !important;
}
.vk-mobile-nav nav ul li a:hover {
  text-decoration: underline !important;
}
/* --- ハンバーガーボタン（開閉ボタン） --- */
.vk-mobile-nav-menu-btn,.vk-mobile-nav-menu-btn.menu-open {
  border: none !important;
  border-radius: 0;
  background-color: var(--vk-color-primary);
  background-position: center 50%;
  background-repeat: no-repeat;
}
/* 開くボタンのアイコン */
.vk-mobile-nav-menu-btn {
  background-image: url(../../../wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-btn-white.svg);
}
/* 閉じるボタンのアイコン */
.vk-mobile-nav-menu-btn.menu-open {
  background-image: url(../../../wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-close-white.svg);
}
/* --- アコーディオン（展開）矢印ボタン --- */
.vk-menu-acc .acc-btn,.vk-mobile-nav .acc-btn {
  border: none !important;
  filter: brightness(0) invert(1) !important;
  opacity: .5;
  width: 44px;
  height: 100% !important;
  top: 0;
  right: 0;
  background-size: 2em;
  background-position: right .5em;
}
/* --- その他調整 --- */
.mobile-fix-nav .mobile-fix-nav-menu {
  position: relative;
  z-index: 0;
}
.mobile-fix-nav_enable .site-footer {
  padding-bottom: 60px !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */
.site-footer .widget {
  display: block;
  margin-bottom: 10px;
}
.footer-sitemap {
  display: none;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
/*FV*/
.fv {
  padding-left: 1em;
  padding-right: 1em;
  min-height: 60vh !important;
}
.fv-scroll {
  bottom: -50px;
  width: 60px;
  height: 60px;
}
@keyframes arrowmove {
  0% {
    bottom: -50px;
  }
  50% {
    bottom: -60px;
  }
  100% {
    bottom: -50px;
  }
}
/*自社製品*/
/*背後に重ねるテキスト*/
.hidden-item{
  height: 8em;
}
.hidden-text{
  font-size: 5rem !important;
  top: 10px;
}
/*ブランドマーク*/
.product .wp-block-column{
  position: relative !important;
}
.brand-mark{
  right: 0;
  bottom: 0;
  width: 100px;
}
/*会社情報*/
.office-item {
  min-height: auto;
  margin-bottom: 20px;
}
.profile-table table td{
  border-left:  medium none !important;
}
/*求人情報*/
.recruit{
  width: 100%;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */
.page-header {
  min-height: 10rem !important;
}
.page-header-title, h1.page-header-title {
  font-size: 2rem;
}
ol.breadcrumb-list {
  white-space: normal;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	D追加
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* MV */
.fv {
  aspect-ratio: 16 / 9!important;
  min-height: unset !important;
  height: auto;
  position: relative;
  overflow: hidden;
}
.wp-block-cover__video-background {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 自社製品ページ > リーフレットボタン */
.leaflet-btn a{
    display: block!important;
    width: 100%;
}
.productbox-01{
    margin-bottom: 4rem;
}
.hotel-btn{
    flex-direction: column;
}
.hotel-btn .vk_button{
margin: 0!important;
}
  .hotel-btn {
    flex-direction: column;
    align-items: flex-start;
  }
  .hotel-btn .vk_button {
    width: 100%;
  }
  .hotel-btn .vk_button_link {
    display: block;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid currentColor;
    padding-bottom: 6px;
  }
  .hotel-btn .vk_button_link_txt {
    text-decoration: none;
  }
.fv-scroll {
     bottom: 0px !important;
}
/* TOP > NEWS */
.news-section .vk_outer_container.vk_outer_container.is-layout-flow{
    padding-left: 0 !important;
    padding-right: 0 !important;
}