@charset "UTF-8";
/**
 * 匠への道：技術を受け継ぐ旗手たち
 */
#main {
  padding-top: 0; }

/* ==========================================================================
   ヘッダー
   ========================================================================== */
#takumi-head {
  background: url(img/bg_cmn_ttl.gif) repeat left top;
  margin-bottom: 33px;
  position: relative; }

#cmn-item {
  left: 14px;
  position: absolute;
  top: 10px; }

#cmn-ttl {
  padding: 19px 0 19px 145px; }

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

/* ==========================================================================
   匠プロフィール
   ========================================================================== */
.michi-prof {
  border-top: 1px solid #cfd3d6;
  margin-top: 36px;
  padding-top: 21px; }
  .michi-prof p {
    font-size: 92.3076923077%; }
  .michi-prof .career {
    padding-top: 20px; }
  .michi-prof .note {
    font-size: 85.7142857143%; }
  .michi-prof .img-r {
    float: right;
    margin-left: 20px;
    width: 140px; }

/* ==========================================================================
   本文
   ========================================================================== */
.michi-article {
  border-top: 4px double #003e88;
  margin-top: 36px;
  padding-bottom: 50px; }

.michi-section {
  padding: 50px 20px 0; }
  .michi-section .indent {
    line-height: 2;
    text-indent: 1em; }
  .michi-section .note {
    font-size: 85.7142857143%; }

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

.img3column {
  margin-top: 50px; }
  .img3column .inner-caption {
    padding-top: 10px; }

/* ==========================================================================
   期待の一言
   ========================================================================== */
.expect-wrap {
  background-color: #ece6f0;
  border: 1px solid #d5c5e0;
  padding: 29px 19px 25px 149px;
  margin-top: 40px;
  position: relative; }
  .expect-wrap .indent {
    text-indent: 1em; }
  .expect-wrap .note {
    font-size: 85.7142857143%; }

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

.expect-name {
  padding-top: 10px; }
  .expect-name span {
    font-size: 128.5714285714%;
    font-weight: bold;
    margin-right: 5px; }

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

/* ==========================================================================
   職場紹介
   ========================================================================== */
.workplace-wrap {
  background-color: #ebf1fc;
  border: 1px solid #d3ddf1;
  padding: 29px 19px 25px 149px;
  margin-top: 40px;
  position: relative; }
  .workplace-wrap .indent {
    text-indent: 1em; }
  .workplace-wrap .note {
    font-size: 85.7142857143%; }

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

.workplace-name {
  padding-top: 10px; }
  .workplace-name span {
    font-size: 128.5714285714%;
    font-weight: bold;
    margin-right: 5px; }

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

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

.interviewGroup > div.interviewer {
    margin-top: 10px;
    background-image: url(img/q.gif);
    color: #008360;
    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;
}

.qa-comment {
  padding-top: 5px;
  font-size: 85.7142857143%;
}

/* ==========================================================================
   バックナンバー
   ========================================================================== */
.backnumber {
  background-color: #f2f3f5;
  padding: 20px 0; }
  .backnumber .btn {
    margin: 0 auto;
    width: 350px; }
  .backnumber a {
    background-color: #292f33;
    color: #fff;
    display: block;
    padding: 12px 12px 12px 0;
    text-align: center; }
    .backnumber a:hover {
      background-color: #0073bc;
      text-decoration: none; }
  .backnumber span {
    background: url(/common/css/img/nav_arrow.png) no-repeat left center;
    display: inline-block;
    padding-left: 25px; }

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

.img-r {
  width: 200px; }


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