@charset "UTF-8";

/*--------------------------------------------------------------
  home top
---------------------------------------------------------------*/
/* 実例 - スライダー */
.name-box {
  left: 15px;
  bottom: 15px;
  font-size: 13px;
  padding: 0.5em 0.75em;
}
.header-slider-wrap .bx-viewport {
  width: 100%;
  overflow: hidden !important;
  height: auto !important;
}

/*--------------------------------------------------------------
  実例TOP 検索セクション - 201809
--------------------------------------------------------------*/
#example-search {
  padding-top: 2.5%;
}
.exp-search .inner {
  width: 100%;
}
.scb-inner em.item-sp {
  width: initial;
  display: inline-block !important;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  padding: 0 0.75em;
  margin-left: 0.75em;
}
.exp-search-inner {
  display: inherit;
}
.exp-search form label {
  padding: 0 20px 0 0;
}
.search-cb {
  width: 100%;
  padding-right: 0;
  font-size: 14px;
}
.search-cb dt {
  margin: 0 0 10px 3.90625%;
}
.scb-inner ul li:first-of-type {
  width: initial;
}
.search-word {
  width: 92.1875%;
  margin: 0 auto;
}
.search-word dt {
  margin: 5% 0 10px;
}

/*--------------------------------------------------------------
  実例詳細 概要 - 201809
---------------------------------------------------------------*/
#exp-summary {
  padding: 7.5% 0 15%;
}
p.explain {
  margin: 5% 0;
}
.summary-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
}
.summary-header h2 {
  width: 115px;
  height: 115px;
}
.summary-header h2 span {
  font-size: 15px;
  line-height: 1.5;
}
.summary-header h2 small {
  font-size: 0.8em;
}
.ess-heading {
  font-size: 22px;
  line-height: 1.7;
}
.summary-header ul li {
  font-size: 15px;
  line-height: 1.7;
}
.summary-header ul li:before {
  padding-right: 0.25em;
}
.summary-body, .summary {
  display: block;
  width: 100%;
}
.summary-body span {
  width: 100%;
  display: block;
  margin-bottom: 5%;
}
.summary table {
  width: 100%;
  font-size: 14px;
}
.summary table tbody th {
  width: 22%;
}
.summary table tbody td {
  width: 26.65%;
}

/*--------------------------------------------------------------
  実例詳細 詳細 - 201809
---------------------------------------------------------------*/
#exp-detail {
  padding: 7.5% 0 15%;
}
.detail-header {
  font-size: 22px;
  line-height: 1.7;
  display: block;
}
.detail-header img {
  width: 40px !important;
  height: 40px !important;
  padding-right: 0;
  margin-bottom: 5%;
  display: block;
}
#exp-detail p.explain {
  margin: 5% 0 7.5%;
}
.detail-photo {
  width: 100%;
  margin-bottom: 10%;
}
.detail-photo dl.fw {
  width: 100%;
  float: none;
}
.detail-photo dl.hw {
  width: 48.5%;
}
.detail-photo dl#fw01, .detail-photo dl#fw02 {
  margin: 0 0 6% 0;
}
.detail-photo dl#hw01 {
  margin: 0 3% 0 0;
}
.detail-photo dl#hw02 {
  margin-bottom: 6%;
}
.detail-photo dl dd {
  font-size: 12px;
  line-height: 1.4;
}