@charset "UTF-8";
/* TOP */
/* PC */
/*--------------------
    header
--------------------*/

.logo{
  padding:0;
  display:inline-block;
  position: absolute;
  top: 89px ;
  left: 30px;
  z-index:1;
}

.logo img{
  width:auto;
  margin-left: 11px;
}


/*--------------------
    Top
--------------------*/

.top img.bgmaximage{
  position:fixed !important;
}

.top #wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height:100%;
  color:#fff;
}

.topNav{
  position: absolute;
  top: 60px ;
  left: 0;
}

.topNav ul{
  padding:100px 30px 15px;
  background: #252e73;
  border-radius:0px 10px 10px 0px ;
  -moz-border-radius:0px 10px 10px 0px ;
  -webkit-border-radius:0px 10px 10px 0px ;
}

.topNav ul a{
  font-size:15px;
  color:#FFF;
  text-decoration:none;
  display:block;
  border-top:1px solid #c9caca;
}

.topNav ul a .topMenu{padding:17px 0;}
.topNav ul a .topMenu:hover{opacity: 0.7;}

.topNav ul a span{
  font-weight: normal;
  color:#9198b8;
  display:block;
  margin:4px 0 0;
  font-size:10px;
}

.recruitBnr {
  margin:12px 0 0;
  padding:0;
}

.recruitBnr img:hover{
  opacity:0.9;
}

.mainCatch{
  padding:110px 0 0;
  margin:0 auto;
  width:704px;
}

/*--------------------
      footer
  --------------------*/

.footNnav .subMenu{
  overflow:hidden;
  padding: 0 0 20px 40px;
  position: absolute;
  bottom: 0 ;
  left: 0;
}

.footNnav .subMenu li{
  float:left;
  margin:0 25px 0 0;

}

.footNnav .subMenu li a{
  font-size:12px;
  color:#ffffff;
  text-decoration:none;
  display:block;
  padding:0;
  background-size: 6px 9px;
}

.footNnav .subMenu li a:hover{
  text-decoration: underline;
}

.copy{
  color:#ffffff;
  font-size:12px;
  padding: 0 40px 20px 0;
  position: absolute;
  bottom: 0 ;
  right: 0;
}

/* SP */
@media only screen and (max-width: 767px) {

  /*--------------------
        header
    --------------------*/


  header{
    border-top: 5px solid #f9be00;
    border-bottom: 5px solid #f9be00;
    background:#252e73;
  }

  .logo{
    padding:13px 0 10px;
    position:relative;
    top: 0;
    left: 0;
   }

  .logo img{
    width:90px;
    margin-left: 19px;
   }

  /*--------------------
        Top
    --------------------*/

  .top .contents img{
    width:100%;
  }

  .topNav{
    position:relative;
    top: 0;
    left: 0;
  }

  .topNav ul{
    padding:0;
    background: none;
  }

  .topNav ul a{
    padding:17px 5%;
    font-weight:bold;
    font-size:15px;
    color:#000000;
    text-decoration:none;
    display:block;
    border-top:none;
    border-bottom:1px solid #c9caca;
   }

   .topNav ul a span{
    font-weight: normal;
    color:#a3a3a3;
    display:block;
    margin:4px 0 0;
    font-size:12px;
   }

   .recruitBnr {
     padding:30px 5%;
     margin:0;
     border-bottom:1px solid #c9caca;
   }

   .recruitBnr img {
     width:100%;
   }

   .mainCatch{
    padding:00;
    margin:0 auto;
    width:auto;
   }



  /*--------------------
        footer
    --------------------*/

   .footNnav .subMenu{
     overflow:hidden;
     padding: 15px 5% 0;
     position: relative;
     bottom: 0 ;
     left: 0;
   }

   .footNnav .subMenu li{
     float:left;
     margin:0 15px 0 0;

   }

   .footNnav .subMenu li a{
    font-size:14px;
    color:#000000;
    text-decoration:none;
    display:block;
    padding:0 0 0 10px;
    background:url(/common/images/icon_foot_arr.png) no-repeat left 2px ;
    background-size: 6px 9px;
   }
   .copy{
    color:#999999;
    font-size:12px;
    padding: 20px 5%;
    position: relative;
    bottom: 0 ;
    right: 0;
   }

   .recruitBnr{
    background:#c5d6ef;
   }

   .topNav ul a .topMenu{
    font-weight: bold;
    padding: 0;
   }

}