/*
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.29.6
Requires at least: 6.4
Tested up to: 6.7
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-2025 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 {
  line-height: 2;
}

a img:hover {
  opacity: .8;
}

.sdgs-ttl  {
  padding: 0.25em 1em;
  border-radius: 0 50vh;
}


/*カテゴリーラベル背景*/
.entry-meta-data-list--category dt {
  background: #3eb135;
}

h1.page-header-title {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: .18em;
}
.single-post h1.page-header-title {
  letter-spacing: .15em;
  font-size: 2.1em !important;
}
.single-post .page-header{
  background-image: url("img/bg-triangular1.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto 100%;
  background-color: #0b357a;
}

h2.kai-cat-title,
h1.archive-header-title,
h2.h2-miya {
    font-size: 36px;
    font-weight: 700;
    position: relative;
    display: flex;
    align-items: center;
    color: #0b357a;
    padding-left: 17px;
}

/* 左の画像 */
h2.kai-cat-title::before,
h1.archive-header-title::before,
h2.h2-miya::before {
    content: "";
    width: 12px;
    height: 46px;
    background: url(/wp-content/uploads/2025/12/h2-miya-green.png) no-repeat center;
    background-size: contain;
    margin-right: 0.5em;
}

.veu_adminEdit {
    display: none;
}
.mincho {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.serif {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
h2.top-h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, .5);
  font-weight: bold;
}

h5.top-h2-lead {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, .5);
  font-weight: bold;
}
.mission-button{
    position: absolute !important;
    left: 50% !important;
    bottom: 60px !important;
    transform: translateX(-50%);
    text-align: center;
    animation: zoom 4s ease-in-out infinite;
    transform-origin: center center;
}

ul.working-list{
  list-style: none;
  padding-left: 0;
  margin: 0;
}
ul.working-list > li{
  position: relative;
  padding-left: 1.4em; 
}
ul.working-list > li::before{
  content: "\f192";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0.54em;
  line-height: 1;
}

ul.jigyo-list{
  list-style: none;
  padding-left: 0;
  margin: 0;
  font-weight: 600;

  display: flex;
  flex-wrap: wrap;   /* 収まらない分は改行 */
  gap: 0 16px;       /* 横/縦の間隔（不要なら削除） */
}

ul.jigyo-list > li{
  position: relative;
  padding-left: 1.4em;
  width: 199px;
  box-sizing: border-box;
}

ul.jigyo-list > li::before{
  content: "\f192";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0.54em;
  line-height: 1;
}

@keyframes zoom {
    0%, 100% {
        transform: translateX(-50%) scale(1);
    }
    50% {
        transform: translateX(-50%) scale(0.9);
    }
}

.mission-button:hover {
    opacity: .8 !important;
}

/* ▼ スライダー全体の構造はプラグイン側に任せるので、ここはいじらない */
.n2-ss-slider {
    position: relative;
}

/* ▼ 背景コンテナにロゴを重ねる（クラス名に注意：backgrounds の複数形） */
.n2-ss-slide-backgrounds {
    position: absolute;
    /* Smart Slider のデフォルトと同等 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* ロゴを背景画像の上に、スライドの下くらいのレイヤーで配置 */
.n2-ss-slide-backgrounds::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("https://miyagawa-kensetsu.com/wp-content/uploads/2017/11/logo-big-min.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto 90%;
    pointer-events: none;
    z-index: 11;
    /* 背景(z=10)より前、スライド(z=20)より後ろ */
}

/* ▼ テキストレイヤー側（必要最低限だけ触る） */
.slider-txt .n2-ss-text {
    position: relative;
    z-index: 9999;
    /* 念のため大きくしておく（slide 20 / layer 21 を必ず超える） */

    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
        "Hiragino Mincho ProN", "HG明朝E",
        "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, .5) !important;
    font-weight: bold !important;
}

.bg-navy {
  background-color: #0b357a !important;
}

/* 共通：器 */
.kv-bg,
.kv-bg2{
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

/* 中身は常に上 */
.kv-bg > *,
.kv-bg2 > *,
.kv-bg3 > *,
.kv-bg4 > *{
  position: relative;
  z-index: 1;
}

/* 疑似要素に背景SVGを貼る（共通） */
.kv-bg::before,
.kv-bg2::before,
.kv-bg3::before,
.kv-bg4::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-repeat: no-repeat;
  background-size: auto 100%;
  will-change: transform, opacity;
  opacity: 0;
}

/* kv-bg：左からスライドイン（左上基準） */
.kv-bg::before{
  background-image: url("img/bg-triangular2.png");
  background-position: left top;
  transform: translateX(-100%);
  animation: slideInLeft 1.2s ease-out forwards;
}

/* kv-bg2：右からスライドイン（右下基準） */
.kv-bg2::before{
  background-image: url("img/bg-triangular1.png");
  background-position: right bottom;
  transform: translateX(100%);
  animation: slideInRight 1.2s ease-out forwards;
}

/* kv-bg3：右からスライドイン（右下基準） */
.kv-bg3::before{
  background-image: url("img/bg-triangular3.png");
  background-position: right top;
  transform: translateX(100%);
  animation: slideInRight 1.2s ease-out forwards;
}
/* kv-bg：左からスライドイン（左上基準） */
.kv-bg4::before{
  background-image: url("img/bg-triangular4.png");
  background-position: left bottom;
  transform: translateX(-100%);
  animation: slideInLeft 1.2s ease-out forwards;
}

.kv-bg::before,
.kv-bg2::before,
.kv-bg3::before,
.kv-bg4::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-repeat: no-repeat;
  background-size: 40%;
  will-change: transform, opacity;
  opacity: 0;
}

.top-info-box {
  background: #fff;
}
.gnavi-recruit {
}
.gnavi-recruit a{
  background: #019fe8;
  color: #fff !important;
}
.gnavi-recruit a:hover{
  background: #0b357a;
}
.wpcf7 .index {
  padding: 10px 0;
}
.hissu {
	font-size: 0.8em;
	background: #e60112;
	color: #fff;
	padding: 2px 6px;
}

@keyframes slideInLeft{
  to{ transform: translateX(0); opacity: 1; }
}
@keyframes slideInRight{
  to{ transform: translateX(0); opacity: 1; }
}

/* 動きを減らすユーザー向け */
@media (prefers-reduced-motion: reduce){
  .kv-bg::before, .kv-bg2::before{ animation:none; transform:none; opacity:1; }
}


@media (max-width:879px) {
  ul.jigyo-list > li{
    width: calc(50% - 8px); /* gapが16px想定の例 */
  }

  h2.h2-miya {
    font-size: 24px
  }
  h2.h2-miya::before {
      content: "";
      display: block;
      width: 6px;
      height: 28px;
      background: url(/wp-content/uploads/2025/12/h2-miya-green.png) no-repeat center center;
      background-size: contain;
      position: absolute;
      top: 0;
      left: 0
  }
}


/******************************************************************
取組紹介
******************************************************************/

.ti_list{display:block;}
.ti_list__item{margin:0 0 12px;}
.ti_list__link{display:flex;gap:12px;text-decoration:none;}
.ti_list__thumb img{width:120px;height:auto;display:block;}
.ti_list__title{margin:0;font-size:16px;font-weight:700;}
.ti_list__date{font-size:12px;opacity:.7;}

.ti_list--grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.ti_list--grid .ti_list__link{display:block;}
.ti_list--grid .ti_list__thumb img{width:100%;height:auto;}

/*WP Responsive Menu*/
.wprmenu_bar {
  margin-top: 0 !important;
  padding-top: 15px !important;
}
.menu_title {
  font-size: 0 !important;
}
.menu_title img {
  height: 48px !important;
  width: auto;
}

.footer-menu a {
  color: #111;
}
.footer-menu a:hover {
  color: #fff;
  background: #0b357a;
  padding: 7px;
}

@media screen and (max-width: 879px) {
  .single-post h1.page-header-title {
    letter-spacing: .12em;
    font-size: 1.8em !important;
  }

  h2.kai-cat-title,
  h1.archive-header-title,
  h2.h2-miya {
      font-size: 26px;
  }

  /* 左の画像 */
  h2.kai-cat-title::before,
  h1.archive-header-title::before,
  h2.h2-miya::before {
      width: 10px;
      height: 35px;
  }
  .sp-font-small1 {
    font-size: 20px !important;
  }
  h3.wp-block-heading,
  .sp-font-small2 {
    font-size: 18px !important;
  }
  h2.wp-block-heading,
  h2.top-h2,
  h4.wp-block-heading,
  .slider-txt .n2-ss-text{
    font-size: 22px !important;
  }
  .footer-company {
    text-align: center !important;
    display: block;
    width: auto;
  }
  .footer-menu,
  .mission-button {
    display: none !important;
  }
  #logo_image{
    display:table !important;
    margin-top:0px !important;
    width:100% !important;
    max-width:200px !important;
    height:60px !important;
  }
  #logo_image h1#logo img{
    /*max-width: inherit;*/
    max-height: 30px !important;
  }
}