@charset "UTF-8";
/**
 * 輝く匠：安全・安心を支える技術
 */
#main {
  padding-top: 0; }

/* ==========================================================================
   輝く匠トップ
   ========================================================================== */
  .takumi-index .main-in,
  .takumi-backnumber .main-in,
  #main .main-in {
    background-color: #f7f8fa;
    padding:20px;
  }

.titleArea .logo {
  float: left;
}

.titleArea .contentsTtl {
  float: right;
  width:548px;
}

.titleArea .contentsTtl .ttl {
  margin-top: 35px;
  margin-bottom: 15px;
}

.main-in ul.people {
  letter-spacing: -0.4em;
  margin:20px auto;
}

ul.people li {
  display: inline-block;
  letter-spacing: normal;
  /display: inline;
  /zoom: 1;
  width:230px;
  margin-left:15px;
  vertical-align: top;
  background-color: #fff;
}

ul.people li:first-child {
  margin-left:0px;
}

ul.people li .photo {
  position: relative;
}

ul.people li .photo .tag {
  position: absolute;
  bottom:0px;
  left:0px;
  padding:6px 20px;
  color:#fff;
  font-size:93%;
  line-height: 1;
}

ul.people li .profile {
  background-color: #fff;
  padding:20px;
}

ul.people li .profile .times {
  font-size:108%;
  }

ul.people li .profile .title {
  font-size:116%;
  line-height: 1.4;
  margin-bottom: 20px;
  font-weight: bold;
  }

ul.people li .profile .belong {
  font-size:93%;
  }

ul.people li .profile .nameArea {
  border-top:1px solid #cfd3d6;
  margin-top: 20px;
}

ul.people li .profile .nameArea .name,
ul.people li .profile .nameArea .category {
  text-align: right;
  }

ul.people li .profile .nameArea .name {
  margin-top: 20px;
  font-weight: bold;
  font-size:123.1%;
}

ul.people li .profile .nameArea .name a {
  color: #000;
  position: relative;
}

ul.people li .profile .nameArea .name a:before {
  background: url(/common/css/img/snav_arrow.png) no-repeat;
  top:7px;
  left:-15px;
  width:6px;
  height:7px;
  position: absolute;
  display: block;
  content:"";
}

ul.people li .profile .nameArea .category {
  font-size:93%;
}

ul.people li.facility .tag {
  background-color: #00580d;
}

ul.people li.facility {
  border-bottom:3px solid #00580d;
}

ul.people li.facility .profile .title {
  color:#00580d;
}

ul.people li.car .tag {
  background-color: #6d471f;
}

ul.people li.car {
  border-bottom:3px solid #6d471f;
}

ul.people li.car .profile .title {
  color:#6d471f;
  }

ul.people li.transport .tag {
  background-color: #a71952;
}

ul.people li.transport {
  border-bottom:3px solid #a71952;
}

ul.people li.transport .profile .title {
  color:#a71952;
 }

ul.people li.electrical .tag {
  background-color: #005187;
}

ul.people li.electrical {
  border-bottom:3px solid #005187;
}

ul.people li.electrical .profile .title {
  color:#005187;
}

ul.people li.other .tag {
  background-color: #595250;
}

ul.people li.other {
  border-bottom:3px solid #595250;
}

ul.people li.electrical .profile .title {
  color:#595250;
}

.pulldown .fl,
.pulldown .fr {
  width:337px;
}

.pulldown label {
  position: relative;
}

.pulldown label:after {
  display: block;
  content: " ";
  position: absolute;
  top:5px;
  right:10px;
  box-sizing: border-box;
  width: 3px;
  height: 3px;
  border: 3px solid transparent;
  border-left: 3px solid #000000;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.pulldown select {
  width: 100%;
  padding:10px 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  border: 1px solid #cfd3d6;
  background-image: -moz-linear-gradient( 90deg, rgb(246,246,246) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(246,246,246) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(246,246,246) 0%, rgb(255,255,255) 100%);
}


select::-ms-expand {
  display: none;
}

input#submit_button {
    color: #FFF;
    display: block;
    padding: 12px 20px 12px 32px;
    width: 350px;
    margin:20px auto 0px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    background: #292f33 url(/common/css/img/nav_arrow.png) no-repeat 18px 17px;
}

.profile .external {
  padding-left: 10px;
}

/* ==========================================================================
   検索結果一覧
   ========================================================================== */


.title-lv3 {
  margin-right:0px !important;
  margin-left:0px !important;
}

.result span {
  font-weight: bold;
}

.result_list {
  margin:0px 20px;
}

.result_list li {
  letter-spacing: -0.4em;
  position: relative;
  padding-left:20px;
  margin-bottom: 10px;
}

.result_list li:before {
  display: block;
  content: " ";
  position: absolute;
  top:8px;
  left:0px;
  box-sizing: border-box;
  width: 3px;
  height: 3px;
  border: 3px solid transparent;
  border-left: 3px solid #0073bc;

}

.result_list li.facility span {
  background-color: #00580d;
}

.result_list li.car span {
  background-color: #6d471f;
}

.result_list li.transport span {
  background-color: #a71952;
}

.result_list li.electrical span {
  background-color: #005187;
}

.result_list li.other span {
  background-color: #595250;
}

.result_list li a {
  width:610px;
}

.result_list li span,
.result_list li a {
  display: inline-block;
  letter-spacing: normal;
  /display: inline;
  /zoom: 1;
  vertical-align: top;
}

.result_list li span {
  width:70px;
  text-align: center;
  color:#fff;
  padding:5px auto;
  margin-right: 14px;
}

.toggle-btn {
  margin-left: 20px;
}



/* ==========================================================================
   ヘッダー
   ========================================================================== */
#takumi-head {
  background-color: #f4f1e7;
  margin-bottom: 33px;
  position: relative; }

#cmn-item {
  position: absolute;
  top: -21px;
  left: 11px; }

#cmn-ttl {
  padding-left: 140px;
  padding-top: 19px;
  padding: 19px 0 19px 140px; }

#page-ttl {
  text-align: center;
  margin-bottom: 36px; }

/* ==========================================================================
   匠プロフィール
   ========================================================================== */
.takumi-prof {
  border-top: 1px solid #cfd3d6;
  margin-top: 36px;
  padding-top: 21px; }
  .takumi-prof dt {
    padding-top: 3px;
    line-height: 1.1 !important; }
  .takumi-prof dd {
    font-size: 92.30769%;
    margin-top: 15px; }

.takumi-prof2 {
  margin-top: -20px; }
  .takumi-prof2 dt {
    padding-top: 3px;
    line-height: 1.1 !important; }
  .takumi-prof2 dd {
    font-size: 92.30769%;
    margin-top: 15px; }

/* ==========================================================================
   本文
   ========================================================================== */
.takumi-article {
  border-top: 4px double #945e29;
  margin-top: 36px;
  padding-bottom: 50px; }

.takumi-article2 {
  border-top: 4px double #cfd3d6;
  margin-top: 16px;
  padding-bottom: 50px; }

.takumi-section {
  padding: 50px 20px 0; }

.indent {
  line-height: 2 !important;
  text-indent: 1em; }

.note {
  margin-top: 10px;
  font-size: 90%; }

.txt {
  line-height: 2 !important; }

.article-ttl {
  margin-bottom: 15px; }

.img3column .long {
  margin-right: 0;
  width: 469px; }
.img3column .inner-caption {
  padding-top: 10px; }

.img2column {
  margin-top: 25px; }
  .img2column li {
    display: inline-block;
    letter-spacing: normal;
    margin-right: 20px;
    vertical-align: top;
    width: 345px; }
    .img2column li:last-child {
      margin-right: 0; }

/* ==========================================================================
   未来の匠
   ========================================================================== */
.future-wrap {
  background-color: #ecf6e8;
  border: 1px solid #cce6c2;
  padding: 29px 19px 25px 149px;
  margin-top: 40px;
  position: relative; }

.future-ttl {
  position: absolute;
  top: 19px;
  left: 19px; }

.future-name span {
  font-size: 128.57143%;
  font-weight: bold;
  margin-right: 5px; }

.line-top {
  border-top: 1px solid #cce6c2;
  margin-top: 20px;
  padding-top: 20px; }


/* ==========================================================================
   QA
   ========================================================================== */
.qa-wrap {
  background-color: #ffffff;
  border: 5px solid #eae3d0;
  padding: 20px;
  margin-top: 40px;
  position: relative; }

.interviewGroup > div.interviewer {
    margin-top: 10px;
    background-image: url(img/q.gif);
    color: #4a7db9;
    font-weight: bold;
}
.interviewGroup > div.interviewee {
    background-image: url(img/a.gif);
}
.interviewGroup > div:first-child {
    margin-top: 0;
}
.interviewGroup > div {
    background-position: 0 0;
    background-repeat: no-repeat;
    /*margin-top: 5px;*/
    padding-left: 27px;
    min-height: 25px;
    height: auto !important;
    height: 25px;
}


/* ==========================================================================
   影響を受けた言葉
   ========================================================================== */
.word-wrap {
  background-color: #f5f8fe;
  border: 5px solid #91a9d1;
  padding: 20px;
  margin-top: 40px;
  position: relative; }


/* ==========================================================================
   グローバルナビゲーション（/common/css/common.css を上書き）
   ========================================================================== */
.navigation {
  background-position: left 5px; }
  .navigation li {
    display: inline; }