@charset "utf-8";

/* =======================

アヤハグループ採用情報
新卒採用情報

========================== */

#message .right{text-align: center;font-size: .9em;}
#message .left p{text-indent:1em; }

#welfare {
  margin-bottom: 60px;
}

#welfare .pink_table{
  position: relative;
  width: 100%;
  margin-bottom: 60px;
}

#welfare .pink_table ul{
  width: 720px;
  list-style: none;
  padding: 0;
  letter-spacing: -.5em;
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}

#welfare .pink_table ul li{
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  list-style: none;
  width: 220px;
  box-sizing: border-box;
  margin: 0 10px 20px 10px;
  padding: 20px;
  background-color: #FDEEED;
}

#welfare .pink_table li.map1,
#welfare .pink_table li.map2{
  position: absolute;
  right: 0;
  top: 220px;
  width: 340px;
  height: 238px;
  padding: 0;
  margin: 0 0 0 0;
}


#welfare .pink_table li.map1{
  right: 0;
  top: 0;
}

#welfare .pink_table li.map2{
  right: 0;
  top: 258px;
}

#welfare .glay_table{
  margin: 0 -10px;
}

#welfare .glay_table ul{
  list-style: none;
  width: auto;
  letter-spacing: -.5em;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

#welfare .glay_table ul li{
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  box-sizing: border-box;
  width:200px;
  margin: 10px;
  padding: 20px;
  background-color: #F6FAED;
}

#welfare .glay_table h4,
#welfare .pink_table h4{
  margin: 0;
  text-align: center;
  padding-bottom: 2px;
  margin-bottom: 10px;
  border-bottom: solid 3px #999999;
}

.link_img{
  text-align: center;
  margin: 40px 0;
}
.link_img img{
  vertical-align: bottom;
}

.links ul{
  list-style: none;
  padding: 0%;
  letter-spacing: -.5em;
}

.links li{
  display: inline-block;
  width: 50%;
  letter-spacing: normal;
  vertical-align: top;
  padding: 0 40px;
  box-sizing: border-box;
  margin: 0;
}

.links h4{
  margin-bottom: 0;
  color: #0087CB;
}


.padB40{
  padding-bottom: 40px;
}

#bottomimage{
}