@charset "UTF-8";
/*
Theme Name: XeoryExtensionChild
Theme URI: https://xeory.jp/extension
Template: xeory_extension
Description: Xeory拡張子テーマ
Author: バズ部
Author URI: https://bazubu.com/
Version: 1.0.0
*/


/* ヘッダーの色を変更 */

body #header {
    background: #fff;
    }

#gnav {
    background-color: #159a3e;
    }

#gnav ul li a {
    background-color: #159a3e;
    }

#gnav ul li a:hover,
#gnav ul li a:focus {
    background-color: #1cc74f;
    }

#gnav ul li.current-menu-item a {
    background: #159a3e;
    }

#header-fnav-area #header-fnav-btn a {
    background-color: #1cc74f;
    }

#header-nav-btn a {
    background-color:#fff;
    }

@media (max-width: 767px) {

#header-nav-btn a {
    background-color: #fff;
    }
    
}

/* スマホ表示時にロゴ中央寄せ */

#header #logo {
    text-align:center;
    }


#header {
  background: #fff; /* ヘッダーの背景を白にする */
}

#header a {
  color: #333; /* ヘッダーのリンク（ロゴとスマホメニュー）の色を黒にする */
}

@media screen and (max-width: 991px) {
  #header-nav-btn a {
    background: #fff;
  }
}

@media screen and (max-width: 767px) {
  #header #logo {
    float: left;
  }
  #header-nav-btn {
    display: block;
    width: 116px;
    line-height: 92px;
    float: right;
    margin: 0 -20px 0 0;

  }
  #header-nav-btn a {
    display: block;
    text-align: center;
    font-size: 32px;
    padding:24px 0;
    line-height: 1;
    background: #fff;
    width: auto;
  }
}


/* ハンバーガーメニューを開いた際の背景色変更 */

@media (max-width: 991px) {
    
#gnav-sp {
    background-color:#159a3e;
    }       
    
}


/* トップページ：ファーストビュー */
body.home #main_visual {
    background-image:url(https://hashimotosougyo.com/wp-content/uploads/2025/08/ヘルメット_02.jpg) !important;
    width:100%;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color:#333 !important;
    }

/* PR文に枠 */
body.home #main_visual p {
    font-size:16px;
    padding:30px 20px;
    border:solid 3px #fff;
    border-radius:10px;
    }

@media (min-width: 768px) {
    
body.home #main_visual p {
    font-size:16px;
    } 
    
}

/* スマホ時の改行をキャンセル */
body.home #main_visual p br {
    display:none;
    }

@media (min-width: 768px) {
    
body.home #main_visual p br {
    display:inline;
    } 
    
}


/* 人気のある記事と最近の投稿を削除 */
body.home #popular_post_content,
body.home #recent_post_content {
  display: none;
}


/* トップページ：クローズアップ記事・サービス記事の色変更 */

body.home .front-main-cont .front-cont-header {
    background-color: #58656e;
    }

body.home #front-contents .c_number {
    background-color: #159a3e;
    }

body.home #front-contents h3 {
    color: #333;
    }

body.home #front-service .front-service-inner h3 {
    color: #333;
    }

.c_btn .btn {
    background-color:#f5b331 !important;
    color:#fff !important;
    }


/* トップページ：サービス記事の修正（画面幅991px以下）に区切り線 */

@media (max-width: 991px) {
    
body.home #front-service .front-cont-header {
    margin-bottom:30px !important;
    } 

body.home #front-service .front-service-inner .c_box {
    padding-top:10px;
    }
    
body.home #front-service .front-service-inner .c_box:first-child {
    border-bottom:solid 1px #ababab;
    } 
    
body.home #front-service .front-service-inner .c_box h3 {
    margin-top: 5px;
    font-size:25px;
    } 
    
body.home #front-service .front-service-inner .c_box .c_text br {
    display:none;
    }  
    
}


/* トップページ：見出しの突起を消す */

body.home .tri-border {
    display:none;
    }


/* お問い合せエリアの色変更 */

#front-contact .c_box {
    background-color:#fff;
    }

#front-contact label {
    color:#333;
    }

body.home #front-contact input,
body.home #front-contact textarea {
    border:solid 1px #58656e;
    width:100% !important;
    }

body.home #front-contact input.wpcf7-submit {
    background-color:#009fb7 !important;
    border:none;
    }


/* フッターの背景色変更 */

#footer {
    border-top:solid 8px #333 !important;
    }

#footer #footer-brand-area {
    border-bottom: 1px solid #fff;
    }

#footer .footer-01 {
    background-color:#fff;
    }

#footer .footer-02 {
    background-color:#159a3e;
  }

/* フッターの文章を左寄せ */

.footer-address {
    text-align:left !important;
    }

/* フッターロゴをスマホ表示時に中央へ */
@media screen and (max-width: 767px) {
  .footer-logo {
    text-align: center !important;
  }

  .footer-logo img {
    margin: 0 auto;
    display: block;
  }
}

/* フッターコピーライトの文字色を白に */
.footer-copy {
    color: #ffffff !important;
}