@charset "UTF-8";
.company.position .sec_02 {
  text-align: left;
}
.company.position .inner h2 {
  margin-bottom: 20px;
}
.company.position .member_area ul {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
.company.position .member_area li {
  width: 270px;
  height: 350px;
  float: left;
  margin-right: 45px;
  margin-bottom: 50px;
  -webkit-box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
  box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
  background-color: #f2f2f2;
  border-radius: 15px;
}
.company.position .member_area li:nth-child(3n) {
  margin-right: 0;
}
.company.position .member_area li a{
  display: block;
  width: 100%;
  height: 100%;
}
.company.position .member_area li a .photo_area {
  height: 180px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.company.position .member_area li a.no_details {
  pointer-events: none;
}
.company.position .member_area li a .toukyo {
  background: url("/resources/images/positions/index/toukyo05.jpg") no-repeat center center;
  background-size: cover;
}
.company.position .member_area li a:hover .toukyo {
  background: url("/resources/images/positions/index/toukyo02.jpg") no-repeat center center;
  background-size: cover;
}
.company.position .member_area li a .sendai {
  background: url("/resources/images/positions/index/sendai01.jpg") no-repeat center center;
  background-size: cover;
}
.company.position .member_area li a:hover .sendai {
  background: url("/resources/images/positions/index/sendai02.jpg") no-repeat center center;
  background-size: cover;
}
.company.position .member_area li a .osaka {
  background: url("/resources/images/positions/index/osaka01.jpg") no-repeat center center;
  background-size: cover;
}
.company.position .member_area li a:hover .osaka {
  background: url("/resources/images/positions/index/osaka02.jpg") no-repeat center center;
  background-size: cover;
}
.company.position .member_area li a .fukuoka {
  background: url("/resources/images/positions/index/fukuoka01.jpg") no-repeat center center;
  background-size: cover;
}
.company.position .member_area li a:hover .fukuoka {
  background: url("/resources/images/positions/index/fukuoka02.jpg") no-repeat center center;
  background-size: cover;
}
.company.position .member_area li a .himesima {
  background: url("/resources/images/positions/index/himesima01.jpg") no-repeat center center;
  background-size: cover;
}
.company.position .member_area li a:hover .himesima {
  background: url("/resources/images/positions/index/himesima02.jpg") no-repeat center center;
  background-size: cover;
}
.company.position .member_area li a .hanoi {
  background: url("/resources/images/positions/index/hanoi01.jpg") no-repeat center center;
  background-size: cover;
}
.company.position .member_area li a:hover .hanoi {
  background: url("/resources/images/positions/index/hanoi02.jpg") no-repeat center center;
  background-size: cover;
}
.company.position .member_area li a .danang {
  background: url("/resources/images/positions/index/danang01.jpg") no-repeat center center;
  background-size: cover;
}
.company.position .member_area li a:hover .danang {
  background: url("/resources/images/positions/index/danang02.jpg") no-repeat center center;
  background-size: cover;
}
.company.position .member_area li .textbox .name {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin-top: 15px;
}
.company.position .member_area li .textbox .description {
  padding: 15px;
  font-size: 15px;
  text-align: left;
  line-height: 1.5em;
}

.company.position .area_group {
  text-align: center;
}

.company.position .area_group .btn {
  margin: 0 20px;
}

.company.position .area_group .btn a {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  width: 220px;
  padding: 15px 0;
  border-radius: 5px;
}
.company.position .sec_02 .btn_area {
  display: -webkit-box;  /*Android4.3*/
  display: -moz-box;     /*Firefox21*/
  display: -ms-flexbox;  /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  -webkit-box-pack: center;        /*Android4.3*/
  -moz-box-pack: center;           /*Firefox21*/
  -ms-flex-pack: center;           /*IE10*/
  -webkit-justify-content: center; /*PC-Safari,iOS8.4*/
  justify-content: center;
}

.company.position .sec_02 .btn_area .btn{
  margin: 0 20px;
}

.company.position .sec_02 .btn_area .btn a {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  width: 220px;
  padding: 15px 0;
  border-radius: 5px;
}

.company.position .ttl_01 {
  text-align: center;
  margin-bottom: 40px;
}

@media ( max-width: 720px ) {
  .company.position .member_area li {
    display: inline-block;
    float: none;
    margin-right: 0;
  }
  .company.position .sec_02 .btn_area .btn{
    margin: 0 10px;
  }
  .company.position .sec_02 .btn_area .btn a {
    margin: 0 5px;
  }
  .company.position .sec_02 .btn_area .btn a {
    width: 135px;
  }
}