@charset "utf-8";
/*
 * resposive.css は 991px 以下のデバイスへと反映されます。
 * 
 * ブレイクポイントは標準のLightningテーマおよびBootstrapの理念に基づき
 * sm: 576px　md: 768px　lg: 992px　xl: 1200px　となっているので、それに準じてください。
 * 
*/
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */ :root {
  --vk-margin-md: 1.8rem;
  --vk-margin-lg: 2rem;
  --vk-margin-xl: 4rem;
  --vk-margin-xxl: 6rem;
  --wp--preset--spacing--60: 1rem;
  --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 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */
/*見出し*/
.heading-lead::before {
  top: 12px;
}
/*ボタン*/
.vk_button .vk_button_link.btn, .editor-styles-wrapper .vk_button .vk_button_link.btn {
  padding: .8em !important;
}
.vk_button .vk_button_link_caption {
  justify-content: center !important;
}
/*グリッドカラム余白設定*/
.vk_gridColumn .row {
  margin: 0 !important;
}
.vk_gridColumn .col-6 {
  width: calc(50% - 10px);
}
.vk_gridColumn [class*="col-"] {
  padding: 0 5px;
}
/*記事順序*/
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
/*余白調整*/
.gap-none {
  gap: 0;
}
.gap-4em {
  gap: 0;
}
.gap-3em {
  gap: 0;
}
.gap-2em {
  gap: 0;
}
.gap-1em {
  gap: 0;
}
.sp-gap-1em{
  gap: 1em;
}
.sp-gap-none {
  gap: 0;
}
/*フォントサイズ*/
.sp-fontsize-25 {
  font-size: 2.2rem !important;
}
.sp-fontsize-2 {
  font-size: 2rem !important;
}
.sp-fontsize-18 {
  font-size: 1.8rem !important;
}
h2 {
  font-size: 1.8rem !important;
}
/*高さ*/
.sp-height-20vh{
  height: 20vh !important;
  min-height: 20vh !important;
}
.sp-height-25vh{
  height: 25vh !important;
  min-height: 25vh !important;
}
.sp-height-30vh{
  height: 30vh !important;
  min-height: 30vh !important;
}
.sp-height-40vh{
  height: 40vh !important;
  min-height: 40vh !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header, Hamburger ヘッダーまわり・ハンバーガーナビ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
header#site-header {
  min-height: calc(44px + 5px + 5px);
  display: flex;
  align-items: center;
  top: unset;
}
.site-header .container {
  padding: 0.8em !important;
}
/*ハンバーガー*/
.vk-mobile-nav {
  background-color: var(--vk-color-primary);
  border-bottom: medium none;
}
.vk-mobile-nav-menu-btn {
  background:url(../../../wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-btn-white.svg) center 50% no-repeat rgba(255,255,255,1);
}
.vk-mobile-nav-menu-btn.menu-open {
  background:url(../../../wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-close-white.svg) center 50% no-repeat rgba(255,255,255,1);
}
.vk-menu-acc .acc-btn {
  border: medium none !important;
  opacity: .5;
}
.vk-mobile-nav-menu-outer .vk-menu-acc .acc-btn {
  border: none;
  background-size: 2em;
  height: 100%;
  top: 0;
  right: 0;
  width: 44px;
  background-position: right .5em;
}
.vk-mobile-nav-menu-outer .vk-menu-acc span.acc-btn.acc-btn-close {
  height: 44px !important;
}
.vk-mobile-nav-menu-btn {
  border: medium none !important;
}
.vk-mobile-nav-menu-btn.menu-open {
  border: medium none !important;
}
.vk-mobile-nav .acc-btn {
  border: medium none !important;
}
.vk-mobile-nav nav ul li a {
  text-decoration: none;
}
.vk_accordion-trigger .vk_accordion-toggle-close::before, .vk_accordion-trigger .vk_accordion-toggle-open::before {
  right: 12px;
}
.vk-mobile-nav p {
  color: #fff;
}
.vk-mobile-nav a {
  color: #fff;
}
.vk-mobile-nav-menu-btn.position-right {
  right: 10px;
  border-radius: 0;
  top: 10px;
}
.vk-mobile-nav-menu-btn {
  border: medium none !important;
  top: 15px;
  background-color: var(--vk-color-custom-4);
}
.vk-mobile-nav-menu-btn.menu-open {
  border: medium none !important;
  background-color: var(--vk-color-custom-4);
}
.vk-mobile-nav .acc-btn {
  border-style: none !important;
}
.vk-mobile-nav {
  padding-top: 15px !important;
  background-color:var(--vk-color-custom-1);
  border-bottom: medium none !important;
}
.vk-mobile-nav nav > ul {
  border-top: medium none !important;
}
.vk-mobile-nav nav ul li a {
  color: #fff !important;
  border-bottom: 1px solid #999 !important;
  text-decoration: none;
}
.vk-mobile-nav nav > ul {
  border-top: medium none !important;
}
.vk-mobile-nav nav ul li a {
  color: #fff !important;
  border-bottom: 1px solid #ddd !important;
  text-decoration: none;
}
.vk-mobile-nav nav ul li a:hover {
  text-decoration: underline !important;
}
.vk-menu-acc .acc-btn {
  filter: brightness(0) invert(1) !important;
}
.vk-mobile-nav-menu-outer .vk-menu-acc .acc-btn {
    border: none;
    background-size: 2em;
    height: 100%;
    top: 0;
    right: 0;
    width: 44px;
    background-position: right .5em;
}
.vk-mobile-nav-menu-outer .vk-menu-acc .acc-btn {
    border: none;
    background-size: 2em;
    height: 100%;
    top: 0;
    right: 0;
    width: 44px;
    background-position: right .5em;
}
.vk-mobile-nav-menu-outer .vk-menu-acc a[href="#"] {
    pointer-events: none;
}
.vk-mobile-nav-menu-outer .vk-menu-acc a[href="#"]+span.acc-btn{
    width: 100%;
}
.vk-mobile-nav-menu-outer .vk-menu-acc span.acc-btn.acc-btn-close {
    height: 44px !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
/*FV*/
.fv-copy {
  padding: 1.5em !important;
  left: 5%;
  width: 90%;
  border-radius: 10px !important;
  height: 90% !important;
  left: 0 !important;
  right: 0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.fv-copy .fv-copy-text {
  font-size: 2.2rem !important;
}
.fv-tag {
  grid-template-columns: repeat(2, 1fr);
}
.fv-btn .btn {
  padding-left: 1em !important;
  padding-right: 1em !important;
}
.fv .fv-copy ul li {
  font-size: .8rem;
  padding: .2em .5em .2em 2em;
}
/*回収の流れ*/
.flow-item .vk_step .vk_step_item {
  width: 100%;
}
/*改修対応品目*/
.service-item .wp-block-vk-blocks-gridcolcard-item {
  margin-bottom: 5px;
}
.service-item .vk_gridcolcard_item_container {
  padding: 1em !important;
}
/*CTA*/
.cta h2 {
  font-size: 1.5rem;
}
.cta p {
  margin: 0;
}
.cta .wp-block-columns {
  gap: .5em;
}
.cta .tel a:hover {
  color: #fff;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */
.page-header .container {
  max-width: 100%;
  padding: 1em 1.5em;
}
.page-header-subtext {
  line-height: 1.4em;
}
.page-header-title, h1.page-header-title {
  font-size: 2.4rem;
}
.breadcrumb {
  overflow: hidden;
}
.breadcrumb .container {
  padding-right: 1em;
}
ol.breadcrumb-list {
  white-space: normal !important;
  text-align: left !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */
/*サービス > 取り扱い品目・サービス>概要の高さをリセット*/
.service-content {
  min-height: auto;
  margin-bottom: 10px;
}
.service-list {
  min-height: auto;
  padding: 1.5em;
}
/*2列のリスト*/
.multi-column-list li {
  width:100%;
}
/*スキーム*/
.scheme{
  gap: 1em !important;
}
/*回収品目 > グリッドの余白*/
.grid-has-border .wp-block-vk-blocks-grid-column-item{
  margin-bottom: 1em !important;
}
.grid-has-border .vk_gridColumn_item_inner{
  padding: 1.5em !important;
}
/*お問い合わせのタブ*/
.vk_tab_labels .vk_tab_labels_label, .vk_tab_labels .vk_tab_labels_label.has-background {
  padding: .8em .2em !important;
  line-height: 1.2 !important;
}
/*工場紹介*/
.factory-table th {
  width: 30% !important;
}
/*料金について*/
.price-table span{
  font-size: 1.2rem !important;
}
.first-fix td:first-child{
  white-space: nowrap;
}
.last-fix td:last-child{
  white-space: nowrap;
}
/*スクロールテーブルアイコン*/
.scroll-hint-icon::before {
  color: #FFF;
  font-family: "Font Awesome 7 Free";
  content: '\f0ec';
  font-size: 40px;
  font-weight: 900;
}
/*その他のエリア一覧*/
.service-area-card .vk_gridcolcard_item {
  margin-bottom: .2em;
}
/*その他のエリア一覧*/
.other-area-list{
  grid-template-columns: repeat(4, 1fr);
}
/*エリア詳細ページ*/
.item-mark{
  flex-wrap: wrap;
}
.area-sub-cta-title{
  font-size: 1.2em !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他・追加機能
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */