@charset "utf-8";


#main {
  background-color: #fff;
}


/* ==========================================================
 header
========================================================== */
@media screen and (max-width: 740px) {
  #header .headerSub { border-bottom: 1px solid #ccc;}
    #header .headerSub .headerLogo {
      margin: 0 auto 10px;
    }
}
/* ==========================================================
 section
========================================================== */
/* secEmployee
---------------------------------------------------------- */
.secEmployee { padding: 30px 0 73px;}
  .secEmployee .titleHead { margin-bottom: 40px;}
@media screen and (max-width: 740px) {
  .secEmployee { padding: 15px 0 20px;}
    .secEmployee .titleHead { margin-bottom: 20px;}
}
/* ==========================================================
 title
========================================================== */
/* titleHead
---------------------------------------------------------- */
.titleHead {
  margin-bottom: 80px;
  padding-bottom: 20px;
}
@media screen and (max-width: 740px) {
  .titleHead {
    margin-bottom: 50px;
    padding-bottom: 15px;
  }
}
/* ==========================================================
 box
========================================================== */
/* boxLink
---------------------------------------------------------- */
.boxLink { 
  background-color: #f0f0f0;
  overflow: hidden;
  padding: 20px 0;
}
  .boxLink .title {
    color: #553201;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 2px;
    position: relative;
    text-align: center;
  }
    .boxLink .title:before {
      background-color: #a2803b;
      bottom: 0;
      content: "";
      height: 1px;
      left: 50%;
      margin-left: -225px;
      position: absolute;
      width: 450px;
    }
  .boxLink .link { text-align: center;}
    .boxLink .link.marginLink { margin-bottom: 12px;}
    .boxLink .link .item { display: inline-block;}
      .boxLink .link a {
        color: #000 !important;
        display: inline-block;
        font-size: 16px;
        margin-right: 10px;
        padding-right: 20px;
        position: relative;
      }
        .boxLink .link a:before {
          content:"/";
          font-size: 18px;
          line-height: 1.5;
          position: absolute;
          right: 0;
          top: 0;
        }
        .boxLink .link .item:nth-child(even) a { margin-right: 0;}
          .boxLink .link .item:nth-child(even) a:before { display: none;}
        .boxLink .link a:hover {
          color: #dc1e2b !important;
          text-decoration: none !important;
        }
          .boxLink .link a:hover:before { color: #000 !important;}
@media screen and (max-width: 740px) {
  .boxLink { padding: 15px 10px;}
    .boxLink .title {
      font-family: inherit;
      font-size: 12px;
      margin-bottom: 5px;
    }
      .boxLink .title:before {
        margin-left: -35%;
        width: 70%;
      }
    .boxLink .link.marginLink { margin-bottom: 8px;}
      .boxLink .link .item { 
        display: block;
        margin-bottom: 5px;
      }
        .boxLink .link a {
          font-size: 12px;
          margin-right: 0;
          padding-right: 10px;
        }
          .boxLink .link a:before { 
            font-size: 14px;
            line-height: 1.3;
          }
          
}
/* boxTitle
---------------------------------------------------------- */
.boxTitle {
  border-bottom: 1px solid #a2803b;
  display: table;
  line-height: 1.1;
  margin-bottom: 30px;
  overflow: hidden;
  width: 100%;
}
  .boxTitle .name {
    display: table-cell;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
    font-size: 24px;
    font-weight: bold;
  }
    .boxTitle .name span { font-size: 35px;}
  .boxTitle .text {
    color: #a2803b;
    display: table-cell;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
    font-size: 24px;
    font-weight: bold;
    text-align: right;
  }
@media only screen and (min-width : 741px) and (max-width : 1024px) {
  .boxTitle { padding: 0 10px;}
}
@media screen and (max-width: 740px) {
  .boxTitle {
    display: block;
    margin-bottom: 25px;
    padding-bottom: 5px;
  }
    .boxTitle .name {
      display: block;
      font-family: inherit;
      font-size: 12px;
      margin-bottom: 5px;
      text-align: center;
    }
      .boxTitle .name span { font-size: 18px;}
    .boxTitle .text {
      display: block;
      font-family: inherit;
      font-size: 12px;
      text-align: center;
    }
}
/* boxDetail
---------------------------------------------------------- */
.boxDetail { 
  margin-bottom: 77px;
  overflow: hidden;
}
  .boxDetail:last-of-type { margin-bottom: 0;}
  .boxDetail .image {
    float: right;
    margin-bottom: 40px;
    padding: 0 40px;
  }
    .boxDetail .image.noMargin { margin-bottom: 0;}
    .boxDetail .image.otherMargin { margin-bottom: 130px;}
  .boxDetail .list { margin: -5px 0 75px;}
    .boxDetail .list .title {
      font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
      font-size: 24px;
      font-weight: bold;
    }
    .boxDetail .list .text {
      font-size: 16px;
      letter-spacing: 0.7px;
      line-height: 1.5;
      margin-bottom: 40px;
    }
@media only screen and (min-width : 741px) and (max-width : 1024px) {
  .boxDetail { padding: 0 10px;}
    .boxDetail .image.otherMargin { margin-bottom: 0;}
}
@media screen and (max-width: 740px) {
  .boxDetail { margin-bottom: 45px;}
    .boxDetail .image {
      float: none;
      margin-bottom: 20px;
      padding: 0 80px;
    }
      .boxDetail .image.noMargin { margin-bottom: 20px;}
      .boxDetail .image.otherMargin { margin-bottom: 20px;}
      .boxDetail .image img { width: 100%;}
    .boxDetail .list {
      margin: 0 0 25px; 
      padding: 0 10px;
    }
      .boxDetail .list .title {
        font-family: inherit;
        font-size: 18px;
        margin-bottom: 8px;
      }
      .boxDetail .list .text {
        font-size: 12px;
        letter-spacing: 0;
        margin-bottom: 15px;
      }
}
/* boxBtn
---------------------------------------------------------- */
.boxBtn { padding: 130px 0 180px;}
  .boxBtn .list {
    margin: 0 -40px;
    overflow: hidden;
  }
    .boxBtn .list .item {
      float: left;
      padding: 0 40px;
      width: 50%;
    }
@media only screen and (min-width : 741px) and (max-width : 1196px) {
  .boxBtn .list { margin: 0;}
}
@media screen and (max-width: 740px) {
  .boxBtn { padding: 48px 0 100px;}
    .boxBtn .list { margin: 0;}
      .boxBtn .list .item {
        float: none;
        margin-bottom: 25px;
        padding: 0;
        width: 100%;
      }
}