@charset "utf-8";

@import "base.less";
@import "base_lower.less";


/*
  File Name   : contact.css
  Description : コンテンツエリア共通
*/

/* contact
============================================================ */
.l-contact{
  .lower__h4-01{
    font-size: 18px;
    color: @blue;
  }

  .tel-link{
    color: @black;
    text-decoration: none;
  }

  /* main */
  .l-sec__main{
    table{
      th, td{
        padding: 15px 30px;
        vertical-align: middle;
        @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
          padding: 15px 30px !important;
        }
      }

      tr{
        border-top: 1px solid rgba(35,24,21,.4);
        &:nth-of-type(odd){
          background-color: @beige;
        }
        &:last-of-type{
          border-bottom: 1px solid rgba(35,24,21,.4);
        }
      }

      th{
        border-right: 1px solid rgba(35,24,21,.4);
      }
    }
  }

  /* case */
  .l-sec__case{
    table{
      th, td{
        padding: 10px 20px;
        vertical-align: middle;
        text-align: center;
        @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
          padding: 15px 30px !important;
        }
      }

      tr{
        border-top: 1px solid rgba(35,24,21,.4);
        &:last-of-type{
          border-bottom: 1px solid rgba(35,24,21,.4);
        }
      }

      th{
        background-color: @beige;
        border-right: 1px solid rgba(35,24,21,.4);
        font-weight: 500;
        &:last-of-type{
          border-right: none;
        }
        span{
          display: inline-block;
          margin-left: .5em;
          font-size: 12px;
        }
      }

      td{
        border-left: 1px solid rgba(35,24,21,.4);
        &:first-of-type{
          border-left: none;
        }
      }
    }
  }
}