@charset "utf-8";
/*
Theme Name: xeory_extension_child
Template: xeory_extension
*/

@import url(‘../xeory_extension/style.css’);

body.home #main_visual {
background-image: url(https://www.tenguya-sangyou.com/wp-content/uploads/2021/11/5E31BCDA-C9CC-4FED-AF23-E634BC27ADA6-2021-11-17-01_53_26.png);!important
background-size: cover;!important
min-height: 100%;!important
}

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

body #header {
    background: #58656e;
    }

#gnav {
    background-color: #58656e;
    }

#gnav ul li a {
    background-color: #58656e;
    }

#gnav ul li a:hover,
#gnav ul li a:focus {
    background-color:  #58656e;
    }

#gnav ul li.current-menu-item a {
    background: #58656e;
    }

#header-fnav-area #header-fnav-btn a {
    background-color:  #58656e;
    }

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

@media (max-width: 767px) {

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

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

body.home .front-main-cont .front-cont-header {
    background-color: #003037;!important
    }

body.home #front-contents .c_number {
    background-color: #003037;!important
    }

body.home #front-contents h3 {
    color: #003037;!important
    }

body.home #front-service .front-service-inner h3 {
    color: #003037;!important
    }

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

/* トップページ：クローズアップ記事の修正（画面幅991px以下） */

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

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

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

/* 会社情報の色変更 */

body.home #front-company dl#front-company-1 dt {
    border-top: 2px solid #00793D;!important
    }
/* お問い合せの色変更 */

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

#front-contact label {
    color:#000;!important
    }

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

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

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

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

#content {             
	style.css?ver=5.8.1:38!important
   padding: 52px 0;!important
}

/* ----------------------------------
フッター: サブフッターメニュー
---------------------------------- */
#sub-footer-menu a {
    font-size: 12px; /* 文字サイズ */
    text-decoration: none;
}
#sub-footer-menu ul li {
    display: inline-block; /* 横並び */
    list-style-type: none;
    text-transform: uppercase;
}
#sub-footer-menu ul li::before {
    content: "|"; /* 区切り線 */
    padding: 0 0.6em;
}
#sub-footer-menu ul li:first-child::before {
    content: "";
    padding: 0;
}
#sub-footer-menu ul {
    text-align: center;
    margin: 10px 0;
    color: #079292; /* 区切り線の色 */
}
#sub-footer-menu ul .sub-menu {
    display: none;
}
 
/* ----------------------------------
サブフッターメニュー: レスポンシブ
---------------------------------- */
@media screen and (max-width: 767px) {
    #sub-footer-menu {
        display: list-item;  /* 縦並び */
    }
}
 
/* ----------------------------------
フッター: カラーの変更
---------------------------------- */
#footer .footer-01 {
    background-color: #003037; /* 背景色 */
}
#footer {
    border-top: 8px solid #fff; /* 上部ボーダーの色と太さ */
}
#footer #footer-brand-area {
    border-bottom: 1px solid #079292; /* 区切り線の色と太さ */
}
#footer .footer-02 {
    background-color: #079292; /* 最下部フッターの色 */
}
.footer-address {
    text-align: left !important; /* フッターテキストの左寄せ */
}

/* ----------------------------------
スクリーンサイズ767px以下: ロゴ
---------------------------------- */
@media screen and (max-width: 767px) {
    #header #logo {
        float: left;
        display: inline-block;
        padding: 15px 0 10px 10px; /* 余白: 上右下左 */
    }
    #header #logo a img {
        width: 150px; /* 横サイズ */
        height: 38px; /* 縦サイズ */
    }
}
 
/* ----------------------------------
スクリーンサイズ767px以下: ハンバーガーメニュー
---------------------------------- */
@media screen and (max-width: 767px) {
    #header-nav-btn {
        display: block;
        width: auto;
        line-height: 1;
        float: right;
        margin: 0; 
    }
    #header-nav-btn a {
        display: block;
        text-align: center;
        font-size: 24px; /* アイコンサイズ */
        padding: 22px 10px 10px 10px; /* 余白: 上右下左 */
        line-height: 1;
        background: none;
        width: auto;
    }
}
 
/* ----------------------------------
スクリーンサイズ767px以下: ヘッダーの固定
---------------------------------- */
@media screen and (max-width: 767px) {
    #header {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 999;
    }
    #main_visual,
    .breadcrumb-area {
        padding-top: 65px;
    }
}
/* ----------------------------------
ヘッダー: ヘッダーバー
---------------------------------- */
#header {
    background: #079292; /* ヘッダーバーの色 */
}
 
/* ----------------------------------
ヘッダーバー: グローバルナビ
---------------------------------- */
#gnav { 
    background-color: #003037; /* 隙間 */
}
#gnav ul li a {
    background-color: #003037; /* 背景色 */
    color: #fff; /* 文字色 */
}
#gnav ul li:hover a {
    background: #003037; /* ホバー色 */
}
#gnav ul li.current-menu-item a {
    background: #003037; /* セレクト色 */
}
 
/* ----------------------------------
ヘッダーバー: プライマリーナビ
---------------------------------- */
#header-fnav-area #header-fnav-btn a {
    background-color: #003037; /* ボタン背景色 */
}
#header a {
    color: #fff; /* アイコン色 */
}

body.home #popular_post_content,
body.home #recent_post_content {
  display: none;
}

/*ヘッダー固定*/
 
#header {
position: fixed;!important
top: 0;
right:0;
left: 0;
z-index: 100;
margin-bottom: 0;
}

/* ----------------------------------
スクリーンサイズ767px以下: ハンバーガーメニュー
---------------------------------- */
@media screen and (max-width: 767px) {!important
    #header-nav-btn {
        display: block;
        width: auto;
        line-height: 1;
        float: right;
        margin: 0; 
    }
    #header-nav-btn a {!important
        display: block;
        text-align: center;
        font-size: 24px; /* アイコンサイズ */
        padding: 22px 10px 10px 10px; /* 余白: 上右下左 */
        line-height: 1;
        background: none;
        width: auto;
    }
}
 
/* ----------------------------------
スクリーンサイズ767px以下: ヘッダーの固定
---------------------------------- */
@media screen and (max-width: 767px) {!important
    #header {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 999;
    }
    #main_visual,!important
    .breadcrumb-area {
        padding-top: 65px;
    }
}