@charset "UTF-8";
@import url(boot.css);
@import url(stylish-portfolio.css);
@font-face {
  font-family: '源ノ角ゴシック';
  src: local("SourceHanSansJP-normal");
}
/* line 10, ../sass/common.scss */
body {
  font-family: '源ノ角ゴシック', "Noto Sans CJK JP", MyYuGothic, Meiryo, sans-serif;
  color: #333;
}

/* line 15, ../sass/common.scss */
a:hover,
a:link,
a:visited {
  text-decoration: none;
}

/* line 21, ../sass/common.scss */
.col-xs-offset-35 {
  margin-left: 12.5%;
}

/* line 26, ../sass/common.scss */
.page {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  padding: 60px 0;
}
/* line 33, ../sass/common.scss */
.service .page {
  padding: 60px 15px;
}

/* line 38, ../sass/common.scss */
#header {
  position: relative;
}
/* line 41, ../sass/common.scss */
#header h1 {
  margin: 0;
  padding: 0;
}

/* line 46, ../sass/common.scss */
.header {
  /* Small devices (tablets, 768px and down) */
}
@media (max-width: 768px) {
  /* line 51, ../sass/common.scss */
  .header .background-top h1 br {
    display: none;
  }
}

/* line 61, ../sass/common.scss */
#navigation {
  background: #fff;
  box-shadow: none;
  border-bottom: none;
  position: fixed;
  /* Small devices (tablets, 768px and up) */
  /* Medium devices (desktops, 992px and up) */
  /* Large devices (large desktops, 1200px and up) */
}
@keyframes show {
  0% {
    transform: rotate3d(1, 0, 0, 90deg);
  }
  100% {
    transform: rotate3d(1, 0, 0, 0deg);
  }
}
@keyframes hide {
  0% {
    background: rgba(255, 255, 255, 0.8);
    transform: rotate3d(1, 0, 0, 0deg);
  }
  100% {
    transform: rotate3d(1, 0, 0, 90deg);
  }
}
/* line 88, ../sass/common.scss */
#navigation .logo_itemscope {
  display: block;
  width: 230px;
  height: auto;
  margin-top: -2px;
}
/* line 95, ../sass/common.scss */
#navigation #navbar > ul > li.active > a {
  color: #fff;
  background: #343d55;
}
@media (min-width: 768px) {
  /* line 61, ../sass/common.scss */
  #navigation {
    background: #fff;
    position: absolute;
  }
  /* line 105, ../sass/common.scss */
  #navigation.up {
    position: fixed;
    animation: hide ease 0.5s;
    animation-fill-mode: backwards;
    transform-origin: 50% 0;
  }
  /* line 112, ../sass/common.scss */
  #navigation.down {
    position: fixed;
    background: #fff;
    animation: show ease 0.5s;
    animation-fill-mode: forwards;
    transform-origin: 50% 0;
  }
  /* line 120, ../sass/common.scss */
  #navigation .logo_itemscope {
    width: 200px;
  }
}
@media (min-width: 992px) {
  /* line 126, ../sass/common.scss */
  #navigation .logo_itemscope {
    margin-top: -5px;
    width: 320px;
  }
}
@media (min-width: 1200px) {
  /* line 133, ../sass/common.scss */
  #navigation .logo_itemscope {
    margin-top: -8px;
    width: 350px;
  }
}

/* line 4, ../sass/_pages.scss */
#top {
  position: relative;
  /* Small devices (tablets, 768px and up) */
}
/* line 6, ../sass/_pages.scss */
#top h1 {
  text-shadow: 0 1px 10px #000;
  font-size: calc(1.5625rem + ((1vw - 0px) * 2.0313));
  line-height: 1.4;
}
/* line 11, ../sass/_pages.scss */
#top .btn-intro {
  position: absolute;
  right: 40px;
  bottom: 40px;
  display: inline-block;
  text-decoration: none;
  padding: 15px;
  background-color: #AD1711;
  color: #fff;
  border-radius: 3px;
}
/* line 22, ../sass/_pages.scss */
#top .btn-intro:hover {
  color: #AD1711;
  background-color: #fff;
}

/* line 33, ../sass/_pages.scss */
.background-top {
  background: rgba(52, 61, 85, 0.5);
  color: #fff;
}

/* line 39, ../sass/_pages.scss */
.text-vertical-center h1 {
  margin: 0;
  padding: 0;
  font-size: 1.9em;
  font-weight: 700;
  color: #fff;
}
/* line 40, ../sass/_pages.scss */
#top .text-vertical-center h1 {
  max-width: 22em;
  margin: 0 auto;
}
/* line 47, ../sass/_pages.scss */
.text-vertical-center .lead {
  margin: auto;
  color: #fff;
  font-size: 13px;
  text-align: left;
  -ms-text-justify: distribute;
  text-justify: distribute;
}

/* line 58, ../sass/_pages.scss */
#message {
  text-align: center;
  padding: 60px 0;
  /* Small devices (tablets, 768px and up) */
  /* Small devices (tablets, 768px and down) */
  /* Medium devices (desktops, 992px and up) */
  /* Large devices (large desktops, 1200px and up) */
}
/* line 61, ../sass/_pages.scss */
#message h2 {
  margin-bottom: 40px;
}
/* line 64, ../sass/_pages.scss */
#message .lead {
  margin: auto;
  text-shadow: 0 1px 0px #fff, 0 -1px 1px #fff, 0 2px 5px #fff;
  font-size: 13px;
  -ms-text-justify: distribute;
  text-justify: distribute;
}
/* line 70, ../sass/_pages.scss */
#message .lead small {
  margin-top: 30px;
  display: inline-block;
}
@media (min-width: 768px) {
  /* line 77, ../sass/_pages.scss */
  #message .lead {
    font-size: 17px;
    text-align: center;
  }
}
@media (max-width: 768px) {
  /* line 87, ../sass/_pages.scss */
  #message .lead p br {
    display: none;
  }
}

/* line 104, ../sass/_pages.scss */
#company h2 {
  margin-bottom: 40px;
}
/* line 107, ../sass/_pages.scss */
#company dl {
  width: 100%;
  margin: -1px 0 0 0;
  border-bottom: 1px solid #fff;
}
/* line 111, ../sass/_pages.scss */
#company dl dt, #company dl dd {
  border-width: 0 1px;
  padding: 6px;
}
/* line 115, ../sass/_pages.scss */
#company dl dd {
  line-height: 1.6;
}
/* line 117, ../sass/_pages.scss */
#company dl dd > dl {
  border-bottom: none;
  padding: 0;
  text-align: left;
  margin-bottom: 5px;
}
/* line 122, ../sass/_pages.scss */
#company dl dd > dl dd, #company dl dd > dl dt {
  display: block;
}
@media (min-width: 480px) {
  /* line 127, ../sass/_pages.scss */
  #company dl dd > dl dt {
    float: left;
    width: 30%;
  }
  /* line 131, ../sass/_pages.scss */
  #company dl dd > dl dd {
    margin-left: 30%;
  }
}
@media (min-width: 768px) {
  /* line 107, ../sass/_pages.scss */
  #company dl {
    display: table;
  }
  /* line 141, ../sass/_pages.scss */
  #company dl dt, #company dl dd {
    display: table-cell;
  }
  /* line 144, ../sass/_pages.scss */
  #company dl dt {
    width: 30%;
    vertical-align: middle;
  }
  /* line 148, ../sass/_pages.scss */
  #company dl dd {
    text-align: left;
  }
}
/* line 153, ../sass/_pages.scss */
#company .unline {
  border-bottom: none;
}

/* line 160, ../sass/_pages.scss */
.service {
  color: #fff;
  background: #6374A1;
  text-align: center;
  overflow-x: hidden;
  /* Medium devices (desktops, 992px and up) */
}
/* line 165, ../sass/_pages.scss */
.service h2 {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  /* line 160, ../sass/_pages.scss */
  .service {
    background: #cfe3f7 url(../img/bg_services.gif) 50% 100%/100% repeat;
  }
}
@media (min-width: 992px) {
  /* line 172, ../sass/_pages.scss */
  .service .container-fluid {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  /* line 172, ../sass/_pages.scss */
  .service .container-fluid {
    width: 1170px;
  }
}
/* line 182, ../sass/_pages.scss */
.service #history dl dd {
  vertical-align: text-top;
}
/* line 186, ../sass/_pages.scss */
.service #history > div {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
}
/* line 14, ../sass/mixins/_clearfix.scss */
.service #history > div:before, .service #history > div:after {
  content: " ";
  display: table;
}
/* line 19, ../sass/mixins/_clearfix.scss */
.service #history > div:after {
  clear: both;
}
@media (min-width: 768px) {
  /* line 186, ../sass/_pages.scss */
  .service #history > div {
    width: 750px;
  }
}
@media (min-width: 992px) {
  /* line 186, ../sass/_pages.scss */
  .service #history > div {
    width: auto;
  }
}
/* line 197, ../sass/_pages.scss */
.service #history dl {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
/* line 202, ../sass/_pages.scss */
.service #history dt, .service #history dd {
  display: inline-block;
}
/* line 206, ../sass/_pages.scss */
.service #service {
  background: #22376E;
}
/* line 208, ../sass/_pages.scss */
.service #service div {
  text-align: left;
  margin: auto;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
/* line 211, ../sass/_pages.scss */
.service #service div dl {
  padding: 0;
  overflow: hidden;
}
/* line 214, ../sass/_pages.scss */
.service #service div dl dt {
  font-weight: normal;
  float: left;
  text-align: right;
  width: auto;
}
/* line 220, ../sass/_pages.scss */
.service #service div dl dd {
  width: 20%;
  float: right;
  text-align: center;
}
/* line 14, ../sass/mixins/_clearfix.scss */
.service #service div:before, .service #service div:after {
  content: " ";
  display: table;
}
/* line 19, ../sass/mixins/_clearfix.scss */
.service #service div:after {
  clear: both;
}
@media (min-width: 768px) {
  /* line 208, ../sass/_pages.scss */
  .service #service div {
    width: 750px;
  }
}
@media (min-width: 992px) {
  /* line 208, ../sass/_pages.scss */
  .service #service div {
    width: auto;
  }
}
/* line 234, ../sass/_pages.scss */
.service #service div > div {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 10px;
}
/* line 14, ../sass/mixins/_clearfix.scss */
.service #service div > div:before, .service #service div > div:after {
  content: " ";
  display: table;
}
/* line 19, ../sass/mixins/_clearfix.scss */
.service #service div > div:after {
  clear: both;
}
@media (min-width: 480px) {
  /* line 242, ../sass/_pages.scss */
  .service #service div dl dt {
    width: 50%;
  }
  /* line 245, ../sass/_pages.scss */
  .service #service div dl dd {
    width: 50%;
  }
}
@media (min-width: 992px) {
  /* line 254, ../sass/_pages.scss */
  .service #service div dl dt {
    width: 70%;
  }
  /* line 257, ../sass/_pages.scss */
  .service #service div dl dd {
    width: 30%;
  }
}

/* line 266, ../sass/_pages.scss */
.office-img {
  text-align: center;
  -moz-transition: -moz-transform 0.2s ease;
  -webkit-transition: -webkit-transform 0.2s ease;
  -o-transition: -o-transform 0.2s ease;
  -ms-transition: -ms-transform 0.2s ease;
  transition: transform 0.2s ease;
  margin: -30px;
}
/* line 274, ../sass/_pages.scss */
.office-img:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
/* line 280, ../sass/_pages.scss */
.office-img:hover image {
  filter: none;
}
/* line 284, ../sass/_pages.scss */
.office-img .text2 {
  font-size: 10px;
  text-shadow: 0 2px 2px #333;
  text-length: 100%;
  stroke: rgba(255, 255, 255, 0.8);
  stroke-width: 4px;
  stroke-linejoin: round;
}
/* line 292, ../sass/_pages.scss */
.office-img .text {
  fill: #333;
  font-size: 10px;
  font-weight: bold;
}
/* line 297, ../sass/_pages.scss */
.office-img image {
  filter: url(#blur);
}

/* line 302, ../sass/_pages.scss */
.background {
  background: rgba(52, 61, 85, 0.8);
  color: #fff;
}
/* line 306, ../sass/_pages.scss */
.background h3 {
  text-align: center;
  margin-bottom: 0;
}
/* line 310, ../sass/_pages.scss */
.background p.en {
  text-align: center;
  font-size: 12px;
}

/* line 316, ../sass/_pages.scss */
.works {
  overflow-x: hidden;
}
/* line 318, ../sass/_pages.scss */
.works .topbtm-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
/* line 323, ../sass/_pages.scss */
.works #works-suiryoku h3, .works #works-kouatsuhenden h3, .works #works-taiyohatsuden h3, .works #works-henden h3, .works #works-jyudenkiki h3 {
  margin-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 20px;
}
@media (min-width: 992px) {
  /* line 323, ../sass/_pages.scss */
  .works #works-suiryoku h3, .works #works-kouatsuhenden h3, .works #works-taiyohatsuden h3, .works #works-henden h3, .works #works-jyudenkiki h3 {
    font-size: 24px;
  }
}

/* line 372, ../sass/_pages.scss */
.works-photo ul {
  padding-left: 0;
}
/* line 374, ../sass/_pages.scss */
.works-photo ul li {
  list-style-type: none;
}
/* line 376, ../sass/_pages.scss */
.works-photo ul li figcaption {
  padding-top: 5px;
  font-size: 16px;
}
/* line 380, ../sass/_pages.scss */
.works-photo ul li img {
  width: 100%;
  margin-top: 15px;
}

/* line 388, ../sass/_pages.scss */
#works-suiryoku {
  background: url(../img/suiryoku-kumitate8-x25-min.jpg) 50% 30%/cover no-repeat;
}

/* line 391, ../sass/_pages.scss */
#works-kouatsuhenden {
  background: url(../img/hendensho-tenken3-x25-min.jpg) 50% 30%/cover no-repeat;
}

/* line 394, ../sass/_pages.scss */
#works-taiyohatsuden {
  background: url(../img/taiyokou-hatsudenx-25-min.jpg) 50% 100%/cover no-repeat;
}

/* line 397, ../sass/_pages.scss */
#works-henden {
  background: url(../img/kaigai-hatsuden-out2-x25-min.jpg) 50% 100%/cover no-repeat;
}

/* line 400, ../sass/_pages.scss */
#works-jyudenkiki {
  background: url(../img/kaigai-hatsuden-in1-x25-min.jpg) 50% 100%/cover no-repeat;
}

/* line 403, ../sass/_pages.scss */
#contact a {
  color: #fff;
}

/* line 407, ../sass/_pages.scss */
#recruit {
  overflow-x: hidden;
  background: url(../img/mark.png) 0 0/cover no-repeat;
}
/* line 410, ../sass/_pages.scss */
#recruit .mgn-top-60 {
  margin-top: 60px;
}
/* line 413, ../sass/_pages.scss */
#recruit h3 {
  margin-bottom: 40px;
}
/* line 416, ../sass/_pages.scss */
#recruit h4 {
  font-size: 14px;
  line-height: 1.6;
  margin-top: 60px;
  padding: 0 30px;
}
/* line 422, ../sass/_pages.scss */
#recruit .recruit-list {
  /* Small devices (tablets, 768px and up) */
}
/* line 423, ../sass/_pages.scss */
#recruit .recruit-list dl {
  overflow: hidden;
  padding: 0 30px;
  margin-bottom: 40px;
}
/* line 427, ../sass/_pages.scss */
#recruit .recruit-list dl dt {
  width: 30%;
  float: left;
  text-align: center;
  padding-right: 0;
}
/* line 433, ../sass/_pages.scss */
#recruit .recruit-list dl dd {
  width: 70%;
  float: right;
}
/* line 438, ../sass/_pages.scss */
#recruit .recruit-list .mgn-bot-20 {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  /* line 445, ../sass/_pages.scss */
  #recruit .recruit-list dl dt {
    text-align: right;
    padding-right: 5%;
  }
}

/* line 143, ../sass/common.scss */
#mainMenu ul {
  margin: 0;
  padding: 0;
}

/* line 150, ../sass/common.scss */
#totop {
  background: #f1f1f1;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0;
  display: block;
  line-height: 3;
  padding: 0 15px;
  position: absolute;
  right: 0;
}

/* line 161, ../sass/common.scss */
footer {
  background: #343D55;
  color: #eee;
  font-size: 12px;
}
/* line 166, ../sass/common.scss */
footer a:link {
  color: #333;
}
/* line 170, ../sass/common.scss */
footer ul {
  margin: 0;
  padding: 0;
}
/* line 176, ../sass/common.scss */
footer .comp-map iframe {
  background: #eee;
}

/* line 183, ../sass/common.scss */
.navbar-default .navbar-toggle {
  border-color: #fff;
}

/* line 187, ../sass/common.scss */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #fff;
}