@charset "utf-8";

/* /////////////////////////////////////////////////////////

  採用情報

///////////////////////////////////////////////////////// */

.recruit{
  max-width: 900px;
  margin: 0 auto 60px auto;
}

table {
  max-width: 900px;
  border-collapse: collapse;
}
table th, table td {
  padding: .8em 1em;
  border: 1px solid #CCC;
}
table th {
  width: 30%;
  background: #EEE;
  color: #111;
  text-align: center;
  font-weight: normal;
}

ul {
  padding-bottom: 1em;
}
li {
  list-style: none;
}

dt{
border-left:3px solid #ff8c53;
padding-left:1rem;
}
dd{
padding-left:1.4rem;
padding-bottom:1rem;
}
dd:last-child{
padding-bottom:0;
}

/*.w640{
width:640px;
}*/
.gmap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.gmap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.recruit__link a{
  width: 46%;
  height: 80px;
  line-height: 80px;
  color:#fff;
  font-size: 2rem;
  font-weight: normal;
  background:#ff8c53;
  border:1px solid #ff8c53;
  text-align:center;
  margin: 0 auto;
  border-radiu: 0;
 display: block;
  text-decoration: none;
}

 .recruit__link a:hover{
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }

th:first-child, td:first-child {
  padding-left: 1em;
}

th:last-child, td:last-child {
  padding-right: 1em;
}



/* 900px以上 */
@media (min-width: 900px) {
  td .googlemap__link{
    display: none;
  }
}

/* 900px以下 */
@media (max-width: 900px) {
  td iframe{
    display: none;
  }
  td .googlemap__link a{
    color: #555;
    text-decoration: none;
  }
}


/*-----------------------------------
  tab
-----------------------------------*/

.tab__area{
  overflow:hidden;
  display:table;
  margin: 0 auto 15px auto;
  }

.tab__area li{
  /*Tabの装飾*/
  width:183px; 
  height:58px; 
  line-height: 58px;
  text-align:center; 
  cursor: pointer; 
  vertical-align:middle; 
  color: #181777;
  background-color:#ffffff;
  border: 1px solid #181777;
  float: left;
  font-weight: bold;
}

.tab__area li:last-child{
   margin-right: 0px;
}


.tab__area li.select{
  /*アクティブタブの装飾*/
  background-color:#181777; 
  background-image:none; 
  color:#ffffff;
  position: relative;
  
}
.tab__area li.select:after{
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(24, 23, 119, 0);
  border-top-color: #181777;
  border-width: 10px;
  margin-left: -10px;
}

.hide{display:none;}

/* 900px以下 */
@media (max-width: 900px) {
  .tab__area{
    margin: 0 auto;
  }
  
  .tab__area li{
    /*Tabの装飾*/
    width:150px; 
    height:46px; 
    line-height: 46px;
    font-size: 1.4rem;
  }
}