@charset "UTF-8";
.clearFix {
  display: block;
  min-height: 1%; }
  .clearFix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden; }

/* ¥×¥í¥¸¥§¥¯¥È¥¹¥È©`¥ê©`ÏŒӹ²Í¨
---------------------------------------------------------- */
body.lower.story {
  /* ¥×¥í¥¸¥§¥¯¥È¥á¥ó¥Ð©` */
  /* ¥×¥í¥¸¥§¥¯¥È¥á¥ó¥Ð©`¤«¤é¤Î¥á¥Ã¥»©`¥¸ */ }
  body.lower.story#civil_engineering .module_title02, body.lower.story#architecture .module_title02 {
    padding: 2em 0 1em; }
    body.lower.story#civil_engineering .module_title02:last-child, body.lower.story#architecture .module_title02:last-child {
      margin-bottom: 0;
      padding-bottom: 0; }
    @media screen and (max-width: 767px) {
      body.lower.story#civil_engineering .module_title02, body.lower.story#architecture .module_title02 {
        padding: 0; } }
  @media screen and (max-width: 767px) {
    body.lower.story#civil_engineering div.module_inner-wide, body.lower.story#architecture div.module_inner-wide {
      padding: 30px; } }
  @media screen and (max-width: 767px) {
    body.lower.story#civil_engineering div.module_inner + div.module_inner-wide, body.lower.story#architecture div.module_inner + div.module_inner-wide {
      padding-top: 0; } }
  body.lower.story #storyMember_list {
    overflow: hidden;
    padding: 0 1px; }
    body.lower.story #storyMember_list > li {
      float: left;
      width: 33.333%; }
      @media screen and (max-width: 767px) {
        body.lower.story #storyMember_list > li {
          float: none;
          width: 100%; } }
      body.lower.story #storyMember_list > li p.sl_image img {
        width: 100%; }
      body.lower.story #storyMember_list > li div.sl_body {
        position: relative;
        z-index: 10;
        margin-top: -94px;
        padding: 1em 0;
        height: 94px;
        background-color: rgba(0, 0, 0, 0.77);
        font-size: 12px;
        color: #fff;
        text-align: center; }
        @media screen and (max-width: 767px) {
          body.lower.story #storyMember_list > li div.sl_body {
            margin-top: -70px;
            padding-top: .75em;
            height: 70px;
            font-size: 9px; } }
        body.lower.story #storyMember_list > li div.sl_body p.slb_name-ja {
          font-size: 24px; }
          @media screen and (max-width: 767px) {
            body.lower.story #storyMember_list > li div.sl_body p.slb_name-ja {
              font-size: 18px; } }
        body.lower.story #storyMember_list > li div.sl_body p.slb_name-en {
          font-size: 14px; }
          @media screen and (max-width: 767px) {
            body.lower.story #storyMember_list > li div.sl_body p.slb_name-en {
              font-size: 10px; } }
      body.lower.story #storyMember_list > li div.sl_foot {
        padding: 1.5em 1em 3em;
        font-size: 16px;
        background: url("/recruit/img/common/bg_pattern_01.png") repeat left top; }
        @media screen and (max-width: 767px) {
          body.lower.story #storyMember_list > li div.sl_foot {
            padding: 1em .5em 2em; } }
        body.lower.story #storyMember_list > li div.sl_foot p.slf_year {
          margin-bottom: 1em; }
  body.lower.story figure.story_image {
    position: relative; }
    body.lower.story figure.story_image img {
      display: block;
      width: 100%; }
    body.lower.story figure.story_image figcaption {
      position: absolute;
      right: 1em;
      bottom: -2em;
      text-align: right;
      font-size: 12px;
      color: #222; }
      @media screen and (max-width: 767px) {
        body.lower.story figure.story_image figcaption {
          font-size: 9px; } }
  body.lower.story #story_message {
    padding-bottom: 30px;
    background: url("/recruit/img/common/bg_pattern_02.png") repeat left top; }
    @media screen and (max-width: 767px) {
      body.lower.story #story_message {
        padding-bottom: 0; } }
    body.lower.story #story_message h4 {
      padding: 1.5em 0;
      font-size: 24px;
      color: #fff;
      text-align: center; }
    body.lower.story #story_message ul {
      overflow: hidden;
      margin-bottom: -10px; }
      body.lower.story #story_message ul li {
        margin-bottom: 10px;
        padding-right: 1px;
        padding-left: 1px; }
        @media screen and (max-width: 767px) {
          body.lower.story #story_message ul li {
            margin-bottom: 0;
            padding-right: 0;
            padding-left: 0; } }
        body.lower.story #story_message ul li dl {
          display: table;
          table-layout: fixed;
          width: 100%; }
          @media screen and (max-width: 767px) {
            body.lower.story #story_message ul li dl {
              display: block; } }
          body.lower.story #story_message ul li dl dt, body.lower.story #story_message ul li dl dd {
            display: table-cell;
            vertical-align: top; }
            @media screen and (max-width: 767px) {
              body.lower.story #story_message ul li dl dt, body.lower.story #story_message ul li dl dd {
                display: block; } }
          body.lower.story #story_message ul li dl dt {
            padding-right: 1px;
            width: 411px; }
            @media screen and (max-width: 767px) {
              body.lower.story #story_message ul li dl dt {
                padding-right: 0;
                width: 100%; } }
            body.lower.story #story_message ul li dl dt img {
              width: 100%; }
          body.lower.story #story_message ul li dl dd {
            padding: 50px 50px 0;
            background: url("/recruit/img/common/bg_pattern_01.png") repeat left top; }
            @media screen and (max-width: 767px) {
              body.lower.story #story_message ul li dl dd {
                padding: 2em 1em 3em; } }
            body.lower.story #story_message ul li dl dd h5 {
              margin-bottom: .5em;
              font-size: 30px;
              font-weight: bold; }
              body.lower.story #story_message ul li dl dd h5 span {
                display: block;
                font-size: 14px; }
            body.lower.story #story_message ul li dl dd p {
              font-size: 16px;
              line-height: 1.75;
              letter-spacing: .1em;
              text-align: justify; }
        body.lower.story #story_message ul li:nth-child(2n) dl {
          direction: rtl; }
          body.lower.story #story_message ul li:nth-child(2n) dl dt,
          body.lower.story #story_message ul li:nth-child(2n) dl dd {
            direction: ltr; }
          body.lower.story #story_message ul li:nth-child(2n) dl dt {
            padding-left: 1px; }

/* ½ð³öµØ¥À¥àµÌÌ彨ÔO¹¤ÊÂ
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
  body.lower.story#civil_engineering #global_mainVisual h1 img {
    width: 100px; } }

/* Öêʽ»áÉç¥ï¥³©`¥ë¼¥Ó¥ë½¨ÔO¹¤ÊÂ
---------------------------------------------------------- */
body.lower.story#architecture #global_mainVisual {
  background-position: center 5%; }
  @media screen and (max-width: 767px) {
    body.lower.story#architecture #global_mainVisual h1 img {
      width: 100px; } }

/*# sourceMappingURL=style.css.map */