@charset "utf-8";

h3.subttl {
    display: block;
    font-size: 2rem;
    padding: 2% 0 ;
    position: relative;
    text-align: center;
    margin-bottom:10px;
}
h3.subttl span,
h4.menu span{
    font-size: 1.4rem;
    margin-left: 5px;
}
h3.subttl span {
    display: block;
    letter-spacing: 0.15em;
}
h4.menu {
  background: #fbccdb url("/img/bg_ivy.png") no-repeat scroll -70px -15px;
  display: block;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 20px;
  padding: 10px 0;
  position: relative;
  text-align: center;
}
h4.menu.line{
  background: #BCF09E url("/img/bg_ivy.png") no-repeat scroll -70px -15px;
}



.recBox {
    text-align: left;
    width:100%;
    padding:0%;
    margin:2% auto 3%;
    overflow:hidden;
}

.recBox:first-child{
  margin:0 auto 3%;
}


.recbg{
  background: url(/img/bg_recruit.jpg) no-repeat center top;
  background-size: 100% auto;
  padding:2% 0;
}
.fullBox{
width:96%;
margin:1% auto 5%;
text-align:center;
display: table;
}

.recbg article{
  float: none;
  margin: 3% auto 3%;
  width: 98%;
}

.reclist{
  margin-top:3%;
}

.reclist li {
    border: 1px solid #f58aad;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    color: #ff0087;
    display: inline-block;
    float: left;
    font-size: 1.65rem;
    font-weight: bold;
    margin: 0.5%;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    width: 24%;
    border-radius: 50px;
    background-color:rgba(255, 255, 255, 0.5);
}


.recBox p{
font-size: 1.4rem;
line-height: 1.6;
margin-top: 15px;
}

p.caution{font-size:1.4rem;border:1px solid #ddd;padding:1%;text-align: center;}

.caution span{color:#ff0087;}

span.lineid{font-size:3rem;color:#2BC610;display: block;}

.about{text-align: center;}



.recBox dl {
    border-bottom:  1px dotted #999;
    font-size: 1.4rem;
    margin: 0 auto;
    overflow: hidden;
    padding: 3% 1%;
    text-align: left;
    width: 98%;
    max-width:768px;
}
.recBox dl:last-of-type {
}
.recBox dt {
  float: none;
  width: 100%;
    padding: 3px 0 0;
    font-weight: bold;
}
.recBox dd {
  float: none;
  width: 100%;
  padding: 3px 0 0;
  line-height: 1.4;
}

dt .sm {
    color: #ff0087;
    font-size: 1.2rem;
    margin-left: 10px;
}

dd select, dd input,dd textarea{
  border: 1px solid #ccc;
  padding: 1%;
  font-size:1.6rem;
}


dd .select {
    margin: 0 5px 5px 0;
    width: 50px;
}
dd .textarea {
    height: 120px;
    width:98%;
}




  h4.menu{
font-size: 1.6rem;
  }


.about{text-align: left;}



.recBox p {

}

.reclist li {
    font-size: 1.3rem;
    border-radius: 5px;
}
.reclist li span{
    display:block;
}
.recbg{
  background-size: cover;
}


p.caution {
    text-align:left;
}