@charset "UTF-8";
/*----------------------------------------------------
    #色の上書き
----------------------------------------------------*/
.breadcrumb__block_bgcolor {
  background-color: #0071bf;
}

h1.heading:before {
  background-color: #0071bf;
}

h2.heading:after {
  border-color: #0071bf !important;
}

h3.heading::after {
  background-color: #0071bf;
}

.table-striped.table_color > tbody > tr:nth-of-type(odd) {
  background-color: #f2faff;
}

.table_color > thead {
  color: #0071bf;
  background-color: #f2faff;
}

.table_color > tbody th {
  color: #0071bf;
  background-color: #f2faff;
}

.snav {
  background-color: #f2faff;
  border-bottom: 5px solid #bfe5ff;
}
.snav__title .fa-chevron-circle-right {
  color: #0071bf;
}
.snav .panel-body:hover {
  background-color: #f2faff;
}

.basic__panel .panel-heading {
  background-color: #f2faff;
}
.basic__panel .fa-comment-alt, .basic__panel .fa-list-alt, .basic__panel .fa-copy, .basic__panel .fa-question-circle, .basic__panel .fa-chevron-circle-right {
  color: #0071bf;
}
.basic__panel_link li.active a {
  background-color: #0071bf;
}

.table .fa-chevron-circle-right {
  color: #0071bf;
}

.btn__pageback .fa-chevron-circle-left {
  color: #0071bf;
}

/*----------------------------------------------------
    #サブメニュー選択時の処理
----------------------------------------------------*/
body.kenchikukakuninkensa .kenchikukakuninkensa, body.flat35 .flat35, body.chikushakenchiku .chikushakenchiku, body.karishiyonintei .karishiyonintei {
  border-color: #00538c;
}
body.kenchikukakuninkensa .kenchikukakuninkensa .panel-body, body.flat35 .flat35 .panel-body, body.chikushakenchiku .chikushakenchiku .panel-body, body.karishiyonintei .karishiyonintei .panel-body {
  background-color: #0071bf;
  color: #fff !important;
}
body.kenchikukakuninkensa .kenchikukakuninkensa .panel-body .fa-chevron-circle-right, body.flat35 .flat35 .panel-body .fa-chevron-circle-right, body.chikushakenchiku .chikushakenchiku .panel-body .fa-chevron-circle-right, body.karishiyonintei .karishiyonintei .panel-body .fa-chevron-circle-right {
  color: #fff !important;
}

/*----------------------------------------------------
    #カテゴリ内メニュー選択時の処理
----------------------------------------------------*/
body.goannai .goannai a, body.kitei .kitei a, body.yakkan .yakkan a, body.tesuryo .tesuryo a, body.shoruidl .shoruidl a, body.sakuseitool .sakuseitool a, body.shinsei .shinsei a, body.tokuteikotei .tokuteikotei a, body.santeitool .santeitool a, body.faq .faq a, body.gijutsujouhou .gijutsujouhou a, body.beginners .beginners a, body.contact .contact a, body.area .area a {
  background-color: #0071bf;
  color: #fff;
}

/*----------------------------------------------------
    #ページ内リンクのナビゲーション
----------------------------------------------------*/
.nav-pills.pagelink {
  margin: 30px 0 0;
  font-weight: bold;
}
.nav-pills.pagelink .fa-angle-down, .nav-pills.pagelink .fa-chevron-circle-right {
  margin-right: 10px;
  color: #fff;
}
.nav-pills.pagelink a {
  color: #fff;
  background-color: #0071bf;
  text-decoration: none;
  margin-right: 10px;
  margin-bottom: 10px;
}
.nav-pills.pagelink a:hover {
  color: #0071bf;
}
.nav-pills.pagelink a:hover .fa-angle-down, .nav-pills.pagelink a:hover .fa-chevron-circle-right {
  color: #0071bf;
}
.nav-pills.pagelink .standard a {
  color: #0071bf;
  background-color: #fff !important;
  border: 1px solid #0071bf;
  padding: 9px 15px;
}
.nav-pills.pagelink .standard a:hover {
  color: #0071bf;
}
.nav-pills.pagelink .standard a:hover .fa-angle-down, .nav-pills.pagelink .standard a:hover .fa-chevron-circle-right {
  color: #0071bf;
}
.nav-pills.pagelink .active a {
  background-color: #003559;
}

/*----------------------------------------------------
    #中間検査特定工程、各都道府県
----------------------------------------------------*/
.inspect__block h4 {
  margin-top: 30px;
}
.inspect__block table {
  margin-top: 30px;
}
.inspect__block dt, .inspect__block dd {
  line-height: 175%;
}

/*----------------------------------------------------
    #手数料規程
----------------------------------------------------*/
.gyoumu__link h3 {
  padding: 5px 0 5px;
}
.gyoumu__link .fa-chevron-circle-right {
  color: #0071bf;
}
.gyoumu__link a:hover {
  background-color: #0071bf;
  border: 1px solid #0071bf;
}

/*----------------------------------------------------
    #作成ツール
----------------------------------------------------*/
.gyoumu__movie {
  text-align: center;
}
.gyoumu__movie iframe {
  width: 80%;
  height: 500px;
}
@media (max-width: 767px) {
  .gyoumu__movie iframe {
    width: 100%;
    height: 315px;
  }
}

.gyoumu__shinsei {
  margin: 30px auto;
  width: 100%;
}
@media (min-width: 1200px) {
  .gyoumu__shinsei {
    width: 70%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .gyoumu__shinsei {
    width: 85%;
  }
}
.gyoumu__shinsei .panel ul li {
  margin-bottom: 15px;
}
.gyoumu__shinsei .panel ul li strong {
  font-size: 130%;
}
@media (max-width: 767px) {
  .gyoumu__shinsei .panel ul li strong {
    font-size: 100%;
  }
}