@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 28, page_works.scss */
#works .phSec { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 60px; }
@media only screen and (max-width: 750px) { /* line 28, page_works.scss */
  #works .phSec { padding: 0 2.5%; } }
/* line 29, page_works.scss */
#works .phSec .ph { width: calc(100% / 3 - 20px); display: flex; flex-direction: column; flex-wrap: wrap; flex-wrap: nowrap; }
@media only screen and (max-width: 750px) { /* line 29, page_works.scss */
  #works .phSec .ph { width: calc(100% / 2 - 5px); } }
/* line 30, page_works.scss */
#works .phSec .ph span { width: 100%; height: 100%; }
/* line 31, page_works.scss */
#works .phSec .ph em { font-size: 18px; font-weight: 500; margin-top: .5em; width: 100%; }
@media only screen and (max-width: 750px) { /* line 31, page_works.scss */
  #works .phSec .ph em { font-size: 16px; } }
/* line 33, page_works.scss */
#works .phSec .ph.v span { width: 240px; margin: auto; }
@media only screen and (max-width: 750px) { /* line 33, page_works.scss */
  #works .phSec .ph.v span { width: 180px; } }
/* line 39, page_works.scss */
#works .sec:not(:last-child) { margin-bottom: 100px; }
@media only screen and (max-width: 750px) { /* line 41, page_works.scss */
  #works .tblWrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -webkit-transition: 0.8s; -moz-transition: 0.8s; transition: 0.8s; margin-left: 1em; position: relative; } }
/* line 43, page_works.scss */
#works .tblWrap table.tableCmn th, #works .tblWrap table.tableCmn td { padding-inline: 1em; }
@media only screen and (max-width: 750px) { /* line 43, page_works.scss */
  #works .tblWrap table.tableCmn th, #works .tblWrap table.tableCmn td { display: table-cell; white-space: nowrap; } }
/* line 44, page_works.scss */
#works .tblWrap table.tableCmn thead { background: linear-gradient(325deg, rgba(28, 46, 132, 0.1) 0%, rgba(28, 46, 132, 0.05) 100%); }
/* line 46, page_works.scss */
#works .tblWrap table.tableCmn thead tr th, #works .tblWrap table.tableCmn thead tr td { border-bottom: none; padding-block: .75em; }
/* line 47, page_works.scss */
#works .tblWrap table.tableCmn thead tr td { text-align: center; font-size: 90%; }
/* line 48, page_works.scss */
#works .tblWrap table.tableCmn thead tr td:not(:last-child) { position: relative; }
/* line 49, page_works.scss */
#works .tblWrap table.tableCmn thead tr td:not(:last-child)::after { content: ""; width: 2px; height: 22px; background: rgba(0, 0, 0, 0.1); position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: calc(100% + 1px); }
/* line 59, page_works.scss */
#works .tblWrap table.tableCmn tbody tr th { text-align: center; }
@media only screen and (max-width: 750px) { /* line 60, page_works.scss */
  #works .tblWrap table.tableCmn tbody tr td { border-bottom: 1px solid rgba(65, 65, 65, 0.3); } }
/* line 61, page_works.scss */
#works .tblWrap table.tableCmn tbody tr td:nth-of-type(1) { text-align: center; }
@media only screen and (max-width: 750px) { /* line 83, page_works.scss */
  #works.fire_protection .phSec .ph:nth-of-type(1) { width: 100%; } }
/* line 89, page_works.scss */
#works.fire_protection .sec .tblWrap table.tableCmn thead { background: linear-gradient(325deg, rgba(104, 88, 10, 0.1) 0%, rgba(104, 88, 10, 0.05) 100%); }
/* line 96, page_works.scss */
#works.fire_protection .sec .tblWrap table.tableCmn tbody tr th { border-bottom-color: #68580a; }
/* line 117, page_works.scss */
#works.fire_protection .sec.sec01 .tblWrap table.tableCmn tbody tr th { width: 240px; text-align: left; }
/* line 138, page_works.scss */
#works.fire_protection .sec.sec02 .tblWrap table.tableCmn tbody tr th { width: 180px; }
/* line 157, page_works.scss */
#works.electrical_works .phSec .ph.ph01 { margin: auto; width: calc(100% / 1 - 0px); }
/* line 176, page_works.scss */
#works.electrical_works .sec.sec01 .tblWrap table.tableCmn tbody tr th { width: 180px; }
