.siteHeader {
  background-color: #00104a;
}

/* 明朝体 */
.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* 游書体のIE11バグ対策 (おかしな余白について) */
.ie11 .mincho {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


.slide-text-title {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/* utilities */
.u-fs60 { font-size: 60% !important; }
.u-fs70 { font-size: 70% !important; }
.u-fs80 { font-size: 80% !important; }
.u-fs90 { font-size: 90% !important; }
.u-fs100 { font-size: 100% !important; }
.post strong { font-weight: bold; }
.post em { font-style: italic; }

/* header */
#header h2 img {
    max-width: 300px;
}

/* TOP */
.welcome-msg {
    font-size: 13px;
}
ul.post h3 {
	font-size: 16px;
}
li.thumbnail-li img {
    max-width: 150px;
}

/* サイト全体：サイドバー・h2タグ */
section.widget h3, h2.title {
  background: #fff;
  border-bottom: 1px solid #6f9c1f;
}
/*グローバルナビ*/
nav#mainNav {
  background: #628e93;
}
nav#mainNav ul li a, nav#mainNav ul li a span {
  color: #fff;
}
nav#mainNav ul li a:hover, nav#mainNav ul li a:hover span {
  color: #fff;
  opacity: .7;
}
@media (max-width: 1024px) {
  nav#mainNav a#menu span {
    color: #fff !important;
  }
  nav#mainNav ul li a {
    color: #628e93;
  }
}
/* サイト全体：ヘッダーTEL */
.contact .tel {
  margin-bottom: 0;
  font-size: 24px;
}
/* サイト全体：リンクカラー */
a {
  color: #628e93;
}
/* サイト全体：サイドバナー角丸 */
p.banner img {
  border-radius: 8px;
}

/* info */
/* info btn */
.info-btn {
    text-align: center;
    margin: 2em 0;
}

.info-btn a {
    background: #628711;
    color: #fff;
    border-radius: 5px;
    padding: 10px;
    transition: .2s;
}

.info-btn a:hover {
    text-decoration: none;
    opacity: .8;
}

.info-btn span {
    margin-right: 10px;
}

/* /info btn */
.news.post ul {
    margin: 0;
}
.news.post ul li {
    padding-left: 0;
    list-style: none;
}

ul.info-list li time {
  float: left;
}

span.info-cat a {
    color: #fff;
    margin: 0 10px;
    background: #628711;
    padding: 2px 10px;
}

.post-list {
    margin-bottom: 1em;
    border-bottom: dotted 1px #ccc;
}

.post ul li {
    background: none;
}

.news span {
    padding-left: 10px;
    display: inline-block;
}

.news a span {
    color: #3a3a3a;
}

.news p {
    margin: 0px;
}

.news p a {
    padding: 0px;
}

p.u-ta-c {
    text-align: center;
    margin-top: 1em;
}

p.u-ta-c a {
    color: #ffffff;
    border: solid 1px #bba991;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 120%;
    background: #bba991;
}

span.info-permalink a {
    color: #333;
}
/* //info */

/* about */
.l-company-table, .l-company-table tbody, .l-company-table tr, .l-company-table th, .l-company-table td {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border: none !important;
}
.l-company-table th, .l-company-table td {
    border: solid 1px #628e93 !important;
    vertical-align: middle;
}
.l-company-table tr th {
    background: rgba(98, 142, 147, 0.7);
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.l-company-table td img {
    margin-bottom: 1em;
}
@media (min-width: 800px){
  .l-company-table {
    display: table;
  }
  .l-company-table tbody {
    display: table-row-group;
  }
  .l-company-table tr {
    display: table-row;
  }
  .l-company-table th {
    width: 170px;
    background: none;
    text-align: left;
  }
  .l-company-table th, .l-company-table td {
    display: table-cell;
  }
  .l-company-table td {
    width: calc(100% - 170px);
  }
}

/* contact */
body#contact .side-bnr {
    display: none;
}
.contact-block .u-c-red {
  color: #f00;
}

.contact-block .required {
  background: #d64f4f;
  color: #ffffff;
  padding: 2px 5px;
  margin-left: 10px;
}

.contact-block {
  margin-bottom: 20px;
}

.contact-block-heading {
  border-left: 5px solid #6f9c1f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 10px;
  padding-left: 8px;
}

.contact-block-field input,
.contact-block-field textarea {
  display: block;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  line-height: 1.8;
  margin-top: .5em;
  padding: .5em .5em;
  width: 100%;
}

.contact-btn {
  text-align: center;
}

.contact-btn input[type=submit] {
    background: #6f9c1f;
    border: 1px solid #cacaca;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
    color: #fff;
    margin: 0 auto;
    padding: 8px 10px;
    transition: .4s;
    width: 200px;
}

.contact-btn input[type=submit]:hover {
  box-shadow: none;
}

.consent-block {
  background: #f5f5f5;
  border: 1px solid #ccc;
  padding: 5px 10px;
}

.consent-block .wpcf7-list-item {
  margin: 0 !important;
}

body#contact input[type="text"], textarea {
    max-width: 100%;
}

/* privacy */
.privacy-wrap h3 span {
  color: #628711;
  font-size: 1.25em;
  font-weight: bold;
  margin-right: .25em;
}

/*スタイル追加 / 2020/06/17*/
/*間隔調整*/
.u-mb15 {
  margin-bottom: 15px;
}
.u-mb30 {
  margin-bottom: 30px;
}
nav#mainNav ul li a {
  padding: 10px 30px 0;
}
@media (max-width: 1024px) {
  nav#mainNav ul li a {
    padding: 10px 30px;
  }
}
/*下層ページ共通CSS*/
.lower-page * {
  box-sizing: border-box;
}
.lower-page p {
  margin: 0;
  line-height: 2;
  padding-bottom: 1em;
}
.lower-page p:last-of-type {
  padding-bottom: 0;
}
h2.title {
  font-size: 24px;
}
.lower-page h3 {
  border-color: #628e93;
  color: #628e93;
  font-size: 16px;
}
.lower-page h4 {
  background: #d8f892;
  border-radius: 1em 0 0 0;
  font-size: 14px;
  padding: .5em 0 .25em 1em;
}
.lower-page .c-block, .lower-page .c-s-block {
  overflow: hidden;
}
.lower-page .c-s-block {
  border: 3px solid #d8f892;
  padding: 1em;
}

/*画像*/
.lower-page .img-left-box {
  float: left;
  margin: 0 4% 4% 0;
  width: 35%;
}
@media (max-width: 640px) {
  .lower-page .img-left-box {
    float: none;
    margin: 0 0 4% 0;
    width: 100%;
  }
}
/*下層ページ01・ネット回線工事の流れ 固有CSS*/
#flow-page {
  
}
#flow-page span.step {
  color: #628711;
  font-size: 1.25em;
  font-weight: bold;
  margin-right: .25em;
}
/*下層ページ02・お客様の困ったを解決 固有CSS*/
#solve-page {
  
}
/*下層ページ・Font-Awesome CSS*/
.fa-wifi, .fa-laptop {
  color: #628e93;
  display: inline-block;
  font-size: 1.25em;
  margin-right: .25em;
}
.fa-arrow-down {
  color: #628e93;
  display: block;
  font-size: 2em;
  text-align: center;
  margin-bottom: 15px;
}
.fa-check-square {
  color: #6a8b22;
  font-size: 1.25em;
  font-weight: bold;
  margin-right: .25em;
  vertical-align: middle;
}
/*スタイル追加 / 2020/06/17*/

/* reCAPTCHAの表示設定 */
/* 基本非表示 */
.grecaptcha-badge {
  display: none;
}
/* contactページでは表示 */
body#contact .grecaptcha-badge {
  display: block;
}
/* reCAPTCHAと重なるのを調整 */
body#contact .page_top_btn {
    right: 3px;
    bottom: 80px;
}
/* //reCAPTCHAの表示設定 */

/* slickで出たスペースの非表示_20220207 */
body#top {
    overflow-x: hidden;
}
.open nav .panel {
display:block;
}