@charset "utf-8";

/* ======================================================
 * building-reform_sp.css
 * ------------------------------------------------------
 * @media only screen and (max-width: 767px)
 * - Common
 * - Elements >>> Text
 * - Elements >>> List
 * - Elements >>> Link
 * - Elements >>> Image
 * - Elements >>> Other
 * - Conditional Elements >>> Heading
 * - Conditional Elements >>> Navi
 * - Layout >>> Table
 * - Layout >>> Column
 * - Layout >>> Box
 * - Layout >>> Other
 * - Components
 * - Clearfix
 * Media Queries
====================================================== */

@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  /* ----- layout ----- */
  [data-category="building-reform"] .container[data-sidebar="false"] {
    padding-top: 0;
  }
  .contents > .box-layout-v5:not([class*="type-bg"]):first-child {
    padding-top: 0;
  }
  
  /* ----- a ----- */

  /* ----- opacity ----- */
  
  /* ----- transition ----- */
  
  /* ----- sprite ----- */  
  .index-layout-v5.type-bg01 > .block > .index_caption .index_title .index_label:before,
  .index-layout-v3.type-corner .index_inner .detail_text > .sub_title:before {
    display: inline-block;
    background-image: url(/hrf/common/img/cmn_sprite_ic01-r2x.png);
    background-repeat: no-repeat;
    background-size: 600px 600px;
    vertical-align: middle;
    content: "";
  }
  
  /* ------------------------------------------------------
   * Elements >>> Text
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Elements >>> List
  ------------------------------------------------------ */  

  /* ------------------------------------------------------
   * Elements >>> Link
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Elements >>> Image
  ------------------------------------------------------ */
  .main-visual-layout  + *,
  .main-visual-layout  > *:first-child {
    margin-top: 0 !important;
  }
  .main-visual-layout {
    margin-left: -15px;
    margin-right: -15px;
  }
  /* ------------------------------------------------------
   * Elements >>> Other
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Conditional Elements >>> Heading
  ------------------------------------------------------ */
  [data-category="building-reform"] .parent-heading.type-mini {
    -webkit-box-shadow: #e6e6e6 0 1px 1px inset;
    box-shadow: #e6e6e6 0 1px 1px inset;
  }
  
  /* ------------------------------------------------------
   * Conditional Elements >>> Navi
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Layout >>> Table
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Layout >>> Grid
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Layout >>> Column
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Layout >>> Box
  ------------------------------------------------------ */
  /* v5 */
  .box-layout-v5.type-corner {
    padding-bottom: 15px;
  }
  .box-layout-v5.type-corner .column_item .block .index_image img {
    width: 100%;
  }
  /* ----- building-reform-box ----- */
  .building-reform-box {
    width: 100%;
  }
  .building-reform-box_list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .building-reform-box_list > *:nth-child(-n+2) {
    margin-top: 0 !important;
  }
  .building-reform-box_list > *:nth-child(2n+1) {
    margin-left: 0 !important;
  }
  .building-reform-box_list > li {
    position: relative;
    display: -webkit-flex;
    display: flex;
    width: calc((100% - 1px) / 2);
    min-height: 75px;
    margin-top: 1px;
    margin-left: 1px;
    padding: 10px 10px 10px 50px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2;
    background-color: #ffffff;
    -webkit-align-items: center;
    align-items: center;
  }
  .building-reform-box_list > li > .list_icon {
    position: absolute;
    left: 10px;
    top: 50%;
    width: 33px;
    margin-top: -17px;
  }
  /* ------------------------------------------------------
   * Layout >>> Other
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Component >>> Index
  ------------------------------------------------------ */
  /* ----- index-layout ----- */
  /* v5 */
  .index-layout-v5.type-building-reform {
  }
  .index-layout-v5.type-building-reform > .block > .index_caption {
    background-color: #effcd5;
  }
  
  /* ------------------------------------------------------
   * Component >>> Other
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix:after {
    display: block;
    clear: both;
    content: "";
  }
}

/* ======================================================
 * Media Queries
====================================================== */
@media print {
}