@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;
}

.fsm-sp {
    font-size: 25px;
    text-align: center;
}

.fsm-sp2 {
    font-size: 23px;
    text-align: center;
}

#searchCond .btnBlock {
    line-height: 2rem;
}

.exp-search {
    padding: 25px 0 50px;
}