@charset "UTF-8";
/* TB用CSS記述（768px以上） */
@media print, screen and (min-width:768px) {
  /****** 共通設定 ******/
  .sp {
    display: none;
  }
  .tb {
    display: block;
  }
  .pc {
    display: none;
  }
  .tb_pc {
    display: block;
  }
  /****** #wrap ******/
  #wrap {}
  /****** header ******/
  header {}
  .header_top {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute; /*mainの上に重ねる*/
    z-index: 11;
  }
  .header_common {}
  header div h1 {
    max-width: 100%;
    padding-bottom: 5px;
  }
  /****** nav ******/
  nav {}
  .nav_icon {
    padding-top: 30px;
  }
  .nav_menu {
    clear: inherit;
    float: left;
    margin-left: 45px;
    overflow: hidden;
  }
  .nav_menu li {
    font-size: 100%;
    padding: 0 10px;
  }
  .nav_menu li a {}
  .nav_menu li a:link, .nav_menu li a:visited, .nav_menu li a:active {
    padding: 35px 0;
  }
  .nav_menu li a:hover {
    border-bottom: 4px solid #FFF;
    padding: 35px 0 32px;
  }
  /****** #main ******/
  #main {}
  .main_top {
    position: relative; /*headerの下に重ねる*/
    z-index: 10;
    top: 0;
  }
  /****** #content ******/
  #content {}
  .content_top {
    background: linear-gradient(to bottom, #D3D7D6 0%, #D3D7D6 30%, #ECF0EF 30%, #ECF0EF 100%);
  }
  .content_top_heading {
    padding: 30px 0 20px;
    max-width: 100px;
    margin: 0 auto;
  }
  .content_top ul {
    max-width: 100%;
    padding: 0 2%;
  }
  .content_top ul li {
    /*float:left;*/
    display: inline-block;
    vertical-align: top;
    width: 30%;
    padding: 0 1%;
    margin-bottom: 40px;
  }
  .content_top ul dd h3 {
    text-align: left;
  }
  .content_top ul dd p {
    text-align: left;
  }
  /****** .pagetop ******/
  .pagetop {}
  /****** .nav_footer ******/
  .nav_footer {
    clear: both;
    background-color: #403A36;
    overflow: hidden;
    padding: 20px 0;
  }
  .nav_footer ul li {
    display: inline;
    font-size: 85%;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0 2%;
  }
  .nav_footer ul li img {
    vertical-align: middle;
  }
  .nav_footer ul li:nth-child(5) img {
    max-height: 30px;
  }
  .nav_footer ul li a:link, .nav_footer ul li a:visited, .nav_footer ul li a:active {
    color: #FFF;
  }
  .nav_footer ul li a:hover {
    color: #CCC;
  }
  /****** footer ******/
  footer {}
  address {
    font-size: 95%;
  }
  /****** 共通 ******/
  .main_common h2 {
    max-width: 100%;
    padding-top: 0;
  }
  /****** 西内の塗装 ******/
  .content_paint h3 {
    font-size: 120%;
    letter-spacing: 4px;
  }
  .content_paint h4 {
    font-size: 100%;
    letter-spacing: 4px;
  }
  /****** 求人情報 ******/
  .content_recruit h3 {
    font-size: 120%;
    letter-spacing: 4px;
  }
  .content_recruit p {}
  .recruit_staff li {
    max-width: 450px;
    margin: 0 auto 30px;
    overflow: hidden;
  }
  .recruit_staff li dl dt {
    float: left;
    max-width: 45%;
  }
  .recruit_staff li dl dd {
    float: left;
    max-width: 50%;
    padding-left: 5%;
  }
  .recruit_staff li dl dd h5 {
    margin-bottom: 20px;
  }
  /****** 会社のこと ******/
  .company_copy h4 {
    font-size: 100%;
    letter-spacing: 4px;
  }
  .company_copy dl dt {
    float: left;
    max-width: 15%;
  }
  .company_copy dl dd {
    float: left;
    max-width: 85%;
  }
  .company02 h3 {
    padding-top: 5%;
  }
  .company_table th, .company_table td {
    width: auto;
    display: table-cell;
  }
  .company_table th {
    width: 100px;
    border-top: 1px solid #FFF;
    border-bottom: none;
    font-size: 100%;
    padding: 15px 20px;
  }
  .company_table td {
    border-top: 1px solid #FFF;
    font-size: 100%;
    padding: 15px 20px;
  }
  .company_table tr:last-child th {
    border-bottom: 1px solid #FFF;
  }
  .company_table tr:last-child td {
    border-bottom: 1px solid #FFF;
  }
  .company_deed li {
    display: inline-block;
    margin: 0 auto;
  }
}