/* ダークモード（OSがダークテーマのとき） */
  @media (prefers-color-scheme: dark) {

    :root {
        --text: #f0f0f0;
    }

    body {
        background-color: #0f172a;
      /*background-color: #1b2631;*/
        color:var(--text);
    }

    .stalker {
        background-color: rgba(207, 207, 223, 0.1);
    }

    .header-logo-white{
        display: block;
    }

    .header-logo{
        display: none;
    }
  
    .section-title, #privacy .section-title {
      color: #eee;
    }

    #company .heading-ja, #contact .heading-ja, #privacy .section-title .heading-ja {
        color:var(--text);
    }

    .main-visual::after, #company::before {
        background-color: #ccc;;
    }

    
    .building-image.light {
        display:none;
    }

    .building-image.dark {
        display: block;
    }

    .companyName {
        color: var(--text);
    }

    #company .section-title, 
    #contact .section-title, 
    #contact .contact-description, 
    .forminator-radio-label, 
    .forminator-checkbox__label, 
    .forminator-consent__label, 
    .forminator-label,
    .forminator-ui#forminator-module-8.forminator-design--flat .forminator-label,
    .forminator-ui#forminator-module-8.forminator-design--flat .forminator-description {
        color: var(--text);
    }

    .company-table dt, .company-table dt:first-child {
        border-color: var(--text);
    }
  
    .header-nav-list-item > a  {
        color: var(--text);
    }

    .button a {
        color: var(--text);
        border-color: var(--text);
    }

    .button a:hover {
        background-color: var(--text);
        color: #333;
    }


    .listTypeNum01 li:before {
        color:var(--text);
    }


    .site-footer {
      /*background-color: #1b2631;*/
      background-color: var(--primary);
      color: #ccc;
    }
  
    /* ナビの背景ぼかしも変更したいとき */
    .header.scrolled {
      background-color: rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }


    .shape-image.dark {
        background-image: url('../assets/images/bg_logo_ef.svg');
        background-repeat: no-repeat;
        background-size: 55%;
        background-position: 110% -200px;
        width: 100%;
        height: 100%;
        /*min-height: 1200px;*/
        position: absolute;
        mix-blend-mode: color-burn;
    }

    @media (max-width: 768px) {
    .shape-image.dark {
        top: -0px; /* 上側に配置 */
        width: 100%; /* 幅を自動に設定 */
        background-size: 80%;
        background-position: right top;
    }

    .sp-header-toggle span {
        border-color: #fff;
    }
    }


    .error-404-title {
        color:#fff;
      }

  }