@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  list-style: none; }

body {
  overflow-x: auto;
  overflow-y: hidden;
  background: #f8f8f8;
  color: #221815;
  font-size: 12px;
  padding: 0;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ", meiryo, Arial, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  -webkit-text-size-adjust: 100%;
  min-height: 100%; }

* {
  word-wrap: break-word;
  zoom: 1; }

img {
  display: block;
  border: none; }

.cfix:after {
  content: '';
  display: block;
  clear: both; }

a:link,
a:visited,
a:hover,
a:active {
  color: #11c2c9;
  text-decoration: underline; }

#container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1024px;
  height: 100%;
  overflow: hidden; }
  #container .scale {
    position: absolute;
    left: 0;
    right: 0;
    height: 0; }
  #container .page {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 1024px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; }
    .windows #container .page {
      overflow-y: scroll; }
    #container .page .inner {
      width: 872px;
      margin: 0 auto;
      position: relative;
      background: #f8f8f8;
      padding: 50px 0 264px; }
      #container .page .inner .title {
        margin: 0 0 64px; }
      #container .page .inner p {
        text-align: justify;
        line-height: 2; }
      #container .page .inner .btnTop {
        position: absolute;
        right: 140px;
        bottom: 219px; }
      #container .page .inner .discList {
        padding: 0 0 0 10px;
        margin: 0 0 0 10px; }
      #container .page .inner .discList li {
        list-style-type: disc; }
  #container #top .inner {
    margin: 0 auto;
    padding: 63px 0 214px; }
    #container #top .inner .thumb {
      position: absolute;
      left: 0;
      top: 67px; }
    #container #top .inner .txtArea {
      padding: 0 0 0 293px; }
      #container #top .inner .txtArea h1 {
        margin: 0 0 40px -9px; }
      #container #top .inner .txtArea p {
        margin: 0 0 30px; }
        #container #top .inner .txtArea p.mb0 {
          margin: 0 !important; }
      #container #top .inner .txtArea #topLogo {
        text-align: right; }
        #container #top .inner .txtArea #topLogo img {
          display: inline; }
  #container #philosophy .inner {
    padding: 80px 0 264px; }
    #container #philosophy .inner section {
      position: relative;
      margin: 0 25px 0 20px;
      min-height: 637px; }
    #container #philosophy .inner h2 {
      margin: 0 0 45px; }
    #container #philosophy .inner p {
      width: 407px;
      margin: 0 0 28px; }
    #container #philosophy .inner .thumb {
      position: absolute;
      right: 0;
      top: 118px; }
  #container #office h3 {
    margin: 0 0 25px; }
  #container #office section {
    padding: 0;
    margin: 0 163px 65px; }
    #container #office section dl {
      overflow: hidden;
      line-height: 2; }
      #container #office section dl dt {
        float: left;
        width: 80px; }
      #container #office section dl dd:before {
        content: "／ "; }
    #container #office section #map {
      width: 547px;
      height: 210px;
      margin: 20px 0 30px; }
  #container #office #interior {
    position: relative;
    height: 1444px;
    margin: 0 163px; }
    #container #office #interior ul {
      background: #f00; }
      #container #office #interior ul li {
        position: absolute; }
        #container #office #interior ul li.thumb01 {
          left: -155px;
          top: 190px; }
        #container #office #interior ul li.thumb02 {
          right: -160px;
          top: 67px; }
        #container #office #interior ul li.thumb03 {
          left: -40px;
          top: 462px; }
        #container #office #interior ul li.thumb04 {
          right: -261px;
          top: 565px; }
        #container #office #interior ul li.thumb05 {
          left: -208px;
          top: 750px; }
        #container #office #interior ul li.thumb06 {
          left: -93px;
          top: 1081px; }
        #container #office #interior ul li.thumb07 {
          right: -141px;
          top: 1108px; }
  #container #office #map .gm-style-cc span {
    white-space: nowrap;
    display: inline-block; }
  #container #contact {
    background: url(../images/contact_base.jpg) center top no-repeat; }
    #container #contact .inner {
      background: none;
      padding: 30px 0 264px; }
    #container #contact section {
      background: url(../images/opacity_base.png) left top;
      margin: 0 0 0 130px;
      padding: 20px 0 0 30px;
      width: 393px;
      height: 368px;
      letter-spacing: 1px; }
      #container #contact section .title {
        margin: 0 0 60px; }
      #container #contact section h3 {
        font-weight: normal;
        font-size: 12px;
        margin: 0 0 5px; }
      #container #contact section dl {
        line-height: 2; }
        #container #contact section dl dt {
          float: left;
          padding: 0 5px 0 0; }
        #container #contact section dl dt:after {
          content: " : "; }
  #container #recruit {
    background: #f8f8f8; }
    #container #recruit .recruitBase {
      background: url(../images/recruit_base.jpg) center top no-repeat; }
    #container #recruit .inner {
      margin: 0 auto 267px;
      background: none;
      padding: 50px 0 60px; }
      #container #recruit .inner section {
        padding: 0 160px; }
        #container #recruit .inner section dl dt {
          background: url(../images/recruit_dt_hyphen.png) left center no-repeat;
          padding: 0 0 0 56px;
          margin: 0 0 5px; }
        #container #recruit .inner section dl dd {
          padding: 0 0 30px; }
          #container #recruit .inner section dl dd p {
            line-height: 2;
            margin: 0 0 24px; }
            #container #recruit .inner section dl dd p.mb0 {
              margin: 0 !important; }
          #container #recruit .inner section dl dd ul {
            margin: 0 0 0 30px; }
            #container #recruit .inner section dl dd ul li {
              list-style-type: disc;
              line-height: 2;
              margin: 0 !important l; }
      #container #recruit .inner .btnTop {
        bottom: -46px; }
  #container footer {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0; }
    #container footer .inner {
      width: 100%;
      min-width: 1024px;
      margin: 0 auto;
      background: url(../images/opacity_base.png) left top;
      height: 194px;
      position: relative; }
    #container footer ul {
      overflow: hidden;
      width: 670px;
      margin: 0 auto;
      padding: 49px 0 59px; }
      #container footer ul li {
        float: left;
        margin: 0 26px;
        height: 30px; }
        #container footer ul li a {
          display: block;
          overflow: hidden;
          position: relative; }
          #container footer ul li a img {
            font-size: 1px;
            line-height: 1; }
        #container footer ul li a:hover {
          border-bottom: 2px solid #000; }
        #container footer ul li a.current {
          border-bottom: 2px solid #000; }
    #container footer #footerLogo {
      position: absolute;
      left: 50%;
      bottom: 41px;
      margin: 0 0 0 -405px;
      width: 75px;
      height: 22px; }
      #container footer #footerLogo a {
        display: block;
        width: 75px;
        height: 32px;
        overflow: hidden;
        position: relative; }
        #container footer #footerLogo a img {
          position: absolute;
          top: 55px; }
          #container footer #footerLogo a img.txt1 {
            left: 0; }
          #container footer #footerLogo a img.txt2 {
            left: 29px; }
          #container footer #footerLogo a img.txt3 {
            left: 53px; }
    #container footer #copyright {
      text-align: center;
      font-size: 11px; }