@charset "UTF-8";
/*-----------------------------------------------------------
===  [ outline CSS ]  ====================================
------------------------------------------------------------*/
/* ***************************************************************************** */
/*

　目次

-------------------------------------------------------------------------------

　01. 会社概要・拠点情報・沿革

*/
/* ***************************************************************************** */
/** -------------------------------------------------------
 ** 01. 会社概要・拠点情報・沿革
 ** ------------------------------------------------------- */
@media print, screen and (min-width: 751px) {
  /* ***************************************************************** */
  /* cmnMvArea
  ----------------------------------------------------*/
  .cmnMvArea:before {
    background-image: url(/support/img/bg_mv01.jpg);
  }

  /* cmnLeadArea
  ----------------------------------------------------*/
  .cmnLeadArea .cmnLeadAreaTxt02 + p {
    text-align: center;
  }

  /* blc01
  ----------------------------------------------------*/
  .blc01 section {
    margin: 10px 0 0;
    padding: 0 0 0 250px;
    position: relative;
  }
  .blc01 section:after {
    content: "";
    clear: both;
    display: block;
  }
  .blc01 section h3 {
    display: table;
    width: 250px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .blc01 section h3 span {
    display: table-cell;
    font-size: 1.8rem;
    font-weight: normal;
    color: #fff;
    vertical-align: middle;
    padding: 5px 40px;
  }
  .blc01 section > div {
    display: table;
    width: 100%;
  }
  .blc01 section > div dl {
    display: table-row;
  }
  .blc01 section > div dl dt,
  .blc01 section > div dl dd {
    display: table-cell;
    vertical-align: middle;
    border-top: 1px solid #fff;
    line-height: 1.66;
  }
  .blc01 section > div dl:first-child dt,
  .blc01 section > div dl:first-child dd {
    border: none;
  }
  .blc01 section > div dl dt {
    width: 10em;
    text-align: center;
    padding: 18px 10px;
  }
  .blc01 section > div dl dd {
    padding: 18px 20px 18px 34px;
    background: #fafafa;
    position: relative;
  }
  .blc01 section.treeBlc {
    margin-top: 39px;
  }
  .blc01 section.treeBlc h3 span {
    background: #70c63d;
  }
  .blc01 section.treeBlc dl dt {
    background: #dbf1ce;
  }
  .blc01 section.flowerBlc h3 span {
    background: #ed7c7c;
  }
  .blc01 section.flowerBlc dl dt {
    background: #fadede;
  }
  .blc01 section.landscapingBlc h3 span {
    background: #5ca7d2;
  }
  .blc01 section.landscapingBlc dl dt {
    background: #d6e9f4;
  }
  .blc01 section.officeBlc h3 span {
    background: #00a85b;
  }
  .blc01 section.officeBlc dl dt {
    background: #00a85b;
    color: #00a85b;
  }

  /* blc02
  ----------------------------------------------------*/
  .blc02 {
    margin: 60px 0 0;
    padding: 0 0 68px;
    text-align: center;
  }
  .blc02 .cmnBtnBlank01 {
    width: 320px;
  }

  /* ***************************************************************** */
}
/* ***************************************************************************** */
@media screen and (max-width: 750px) {
  /* ***************************************************************** */
  /* cmnLeadAreaTxt
  ----------------------------------------------------*/
  .cmnLeadAreaTxt02 + p {
    text-align: center;
  }

  /* blc01
  ----------------------------------------------------*/
  .blc01 {
    margin: 25px 0 0;
  }
  .blc01 section {
    height: auto !important;
  }
  .blc01 section h3 {
    display: table;
    width: 100%;
  }
  .blc01 section h3 span {
    display: table-cell;
    height: 60px;
    font-size: 1.6rem;
    font-weight: normal;
    color: #fff;
    text-align: center;
    vertical-align: middle;
  }
  .blc01 section dl dt {
    text-align: center;
    padding: 5px;
  }
  .blc01 section dl dd {
    text-align: center;
    padding: 10px 9px;
    background: #fafafa;
  }
  .blc01 section.treeBlc h3 span {
    background: #70c63d;
  }
  .blc01 section.treeBlc dl dt {
    background: #dbf1ce;
  }
  .blc01 section.flowerBlc h3 span {
    background: #ed7c7c;
  }
  .blc01 section.flowerBlc dl dt {
    background: #fadede;
  }
  .blc01 section.landscapingBlc:before {
    height: 51px;
  }
  .blc01 section.landscapingBlc h3 span {
    background: #5ca7d2;
  }
  .blc01 section.landscapingBlc dl dt {
    background: #d6e9f4;
  }
  .blc01 section.officeBlc h3 span {
    background: #00a85b;
  }
  .blc01 section.officeBlc dl dt {
    display: none;
  }
  .blc01 section .tgtMHeight01 {
    height: auto !important;
  }

  /* blc02
  ----------------------------------------------------*/
  .blc02 {
    padding: 25px 0 36px;
    text-align: center;
  }
  .blc02 .cmnBtnBlank01 {
    width: 100%;
  }

  /* ***************************************************************** */
}
/* ***************************************************************************** */

/*# sourceMappingURL=support.css.map */