@charset "UTF-8";
/* Scss Document */
/*-------------------------------------------------
    common
=================================================*/
html {
  min-height: 100%;
  position: relative; }

body {
  font-family: YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, " メイリオ", Meiryo, Osaka, " ＭＳ Ｐゴシック", MS PGothic, " sans-serif";
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 1.6;
  background: url(../images/bg.png) center center;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
  padding-bottom: 130px; }

#wrap {
  position: relative;
  height: 100%;
  padding: 0 0 130px;
  box-sizing: border-box; }

a {
  color: #000;
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

a:hover {
  text-decoration: none; }

a:visited {
  color: #000; }

a.effect:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )"; }

section,
nav,
header,
footer,
article {
  margin: 0;
  padding: 0; }

p {
  margin: 20px 0; }

h2 {
  margin: 0;
  padding: 0; }

/*------------------------------------------*/
img {
  vertical-align: top; }

.inner {
  width: 980px;
  margin: 0 auto; }

header {
  border-bottom: 1px solid #ccc;
  padding: 50px 0 20px;
  margin: 0 0 20px;
  height: 30px; }
  header h1 {
    margin: 0;
    padding: 0;
    float: left;
    height: 30px; }
  header nav {
    float: right; }
    header nav ul {
      margin: 0;
      padding: 0; }
      header nav ul li {
        margin: 0 0 0 20px;
        padding: 0;
        list-style: none;
        float: left; }
        header nav ul li a {
          text-decoration: none;
          color: #152577;
          border: 1px solid #152577;
          display: block;
          padding: 0;
          text-align: center;
          width: 120px;
          line-height: 28px; }
          header nav ul li a.current, header nav ul li a:hover {
            background: #152577;
            color: #fff; }

/*------------------------------------------*/
#contents {
  padding: 0 0 30px; }

#toppage nav {
  padding: 26px 0;
  overflow: hidden; }
  #toppage nav ul {
    margin: 0 0 0 -40px;
    padding: 0; }
    #toppage nav ul li {
      margin: 0 0 0 40px;
      padding: 0;
      float: left;
      list-style: none; }

#company {
  padding: 0 0 0 20px; }
  #company h2 {
    margin: 10px 0 0 -20px; }
    #company h2 + p {
      margin: 0 0 20px; }
  #company .table_wrap {
    overflow: hidden;
    margin-bottom: 40px; }
  #company table {
    border-collapse: separate;
    width: 460px;
    float: left; }
    #company table:nth-of-type(2) {
      float: right; }
    #company table th {
      background: #0658ff;
      border-top: 4px solid #fff;
      color: #fff;
      padding: 10px 0 10px 3px;
      text-align: center;
      letter-spacing: 3px;
      width: 130px;
      vertical-align: top; }
    #company table td {
      border-top: 4px solid #fff;
      border-bottom: 1px solid #0658ff;
      padding: 10px 20px;
      letter-spacing: 3px; }
    #company table tr:last-child td {
      border-bottom: none; }

#business {
  padding: 0 0 0 20px; }
  #business h2 {
    margin: 10px 0 0 -20px; }
    #business h2 + p {
      margin: 0 0 20px; }
  #business .table_wrap {
    overflow: hidden;
    margin-bottom: 27px; }
  #business table {
    border-collapse: separate;
    width: 460px;
    float: left; }
    #business table th {
      background: #226614;
      border-top: 4px solid #fff;
      color: #fff;
      padding: 10px 0 10px 3px;
      text-align: center;
      letter-spacing: 3px;
      width: 130px;
      vertical-align: top; }
    #business table td {
      border-top: 4px solid #fff;
      border-bottom: 1px solid #226614;
      padding: 10px 20px;
      letter-spacing: 3px; }
    #business table tr:last-child td {
      border-bottom: none; }
  #business figure {
    float: right; }

/*------------------------------------------*/
footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #333;
  color: #fff;
  padding: 30px 0; }
  footer .copyright {
    color: #aaa; }

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/