@charset "utf-8";

/* ======================================================
 * building-reform_pc.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - 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 print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  /* ----- layout ----- */
  [data-category="building-reform"] .container[data-sidebar="false"] {
    max-width: none;
    padding-top: 0;
  }
  [data-category="building-reform"] .container[data-sidebar="false"] .contents {
    width: 100%;
  }
  
  /* ----- a ----- */
  
  /* ----- opacity ----- */
  
  /* ----- transition ----- */
  
  /* ----- sprite ----- */  
  .index-layout-v3.type-corner .index_inner .detail_text > .sub_title:before {
    display: inline-block;
    background-image: url(/hrf/common/img/cmn_sprite_ic01.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    content: "";
  }
  
  /* ------------------------------------------------------
   * Elements >>> Text
  ------------------------------------------------------ */
  /* ------------------------------------------------------
   * Elements >>> List
  ------------------------------------------------------ */  
  /* ------------------------------------------------------
   * Elements >>> Link
  ------------------------------------------------------ */
  /* ------------------------------------------------------
   * Elements >>> Image
  ------------------------------------------------------ */
  .main-visual-layout  + *,
  .main-visual-layout  > *:first-child {
    margin-top: 0 !important;
  }
  /* ------------------------------------------------------
   * Elements >>> Other
  ------------------------------------------------------ */
  /* ----- news-layout ----- */
  [class*="news-layout"].type-corner {
    border-bottom: 1px solid #ddd;
  }
  /* ------------------------------------------------------
   * Conditional Elements >>> Heading
  ------------------------------------------------------ */
  [class*="heading-lv1"].type-company {
    display: -webkit-flex;
    display: flex;
    min-height: 250px;
    background: url(/hrf/company/img/company_main_h01.jpg) no-repeat;
    -webkit-align-items: center;
    align-items: center;
  }
  [class*="heading-lv1"].type-company .heading_title {
    color: #ffffff;
  }
  /* ------------------------------------------------------
   * Conditional Elements >>> Navi
  ------------------------------------------------------ */
  /* ------------------------------------------------------
   * Layout >>> Table
  ------------------------------------------------------ */
  /* ------------------------------------------------------
   * Layout >>> Grid
  ------------------------------------------------------ */
  /* ------------------------------------------------------
   * Layout >>> Column
  ------------------------------------------------------ */
  /* ------------------------------------------------------
   * Layout >>> Box
  ------------------------------------------------------ */
  /* ----- box-layout ----- */
  /* v5 */
  .box-layout-v5.type-corner {
    padding-bottom: 0;
  }
  .box-layout-v5.type-corner [data-row-pc]:not([data-row-pc="auto"]) > * {
    margin-top: 30px;
  }
  /* ----- building-reform-box ----- */
  .building-reform-box {
    width: 581px;
  }
  .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: 90px;
    margin-top: 1px;
    margin-left: 1px;
    padding: 10px 20px 10px 70px;
    font-size: 2.0rem;
    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: 20px;
    top: 50%;
    width: 40px;
    margin-top: -18px;
  }
  /* ------------------------------------------------------
   * Layout >>> Other
  ------------------------------------------------------ */
  /* ------------------------------------------------------
   * Component >>> Index
  ------------------------------------------------------ */
  /* ----- index-layout ----- */
  /* v5 */
  .index-layout-v5.type-building-reform > .block > .index_caption .index_title {
    background-color: #effcd5;
  }
  .index-layout-v5.type-building-reform > a:hover > .index_caption .index_title {
    background-color: #d5e9a5;
  }
  /* ------------------------------------------------------
   * Component >>> Other
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix:after {
    display: block;
    clear: both;
    content: "";
  }
}

/* ======================================================
 * Media Queries
====================================================== */
@media print {
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  /* ----- jirei-slider-layout ----- */
  .jirei-slider-layout {
    margin: 1.7em 0 0;
  }
  .jirei-slider-layout .slick-arrow {
    background-color: #fff;
  }
  .jirei-slider-layout .slick-arrow.slick-prev {
    left: 25px;
  }
  .jirei-slider-layout .slick-arrow.slick-next {
    right: 25px;
  }
}