/*リクルートページ*/
body {
    line-height: 1.3rem;
}
article {
    
}
.jobBox {
    width:87%;
    max-width:1260px;
    height:auto;
    border:1px solid #a6a998;
    box-sizing: border-box;
    margin:0 auto;
    margin-top:80px;
    margin-bottom:80px;
    padding:30px 40px;
}

.boxMeta {
    display:flex;
    flex-wrap: wrap;
    border-bottom:1px solid #a6a998;
    padding-bottom: 5px;
    height: auto;
}
.textMeta {
    width:70%;
    height:100%;
}

.textMeta h2 {
    font-size:1.5rem;
    line-height: 2rem;
}
.tagMeta {
    
    width:30%;
    text-align: right;
}
.tagMeta p {
    font-size: 0.8rem;
    color:#fff;
    line-height:2rem;
    padding: 0 0.5rem;
    display: inline-block;
    margin-bottom: .3rem;
		margin-left: 10px;
}

.orange {
    background-color:#ff9900;
}
.blue {
    background-color: #0259a9;
}
.boxContent {
    width:100%;
    height:auto;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}
.imageContent {
    width:45%;
    padding:25px 20px 15px 0;
}

.textContent {
    width:55%;
    padding:10px;
    
}
.imageContent > p.image {
    width:100%;
}
.image img {
    width:100%;
    height:425px;
    object-fit: cover
}
.imageContent > p.imageCap {
    width:100%;
    padding:10px;
    font-size:0.8rem;
    line-height: 1rem;
}
.textContent > dl {
    display: flex;
    flex-wrap: wrap;
    width:100%;
}
dt {
    font-weight: bold;
    width:30%;
    border-bottom: 1px solid #a6a998;
    padding: 0.5rem 0;
}
dt:before {
    content:"";
    width:8px;
    height:2rem;
    background-color:#0099ff;
    display: inline-block;
    margin-right:0.5rem;
    vertical-align:middle;
}
dd {
    width:70%;
    border-bottom: 1px solid #a6a998;
    padding: 0.5rem 0 0.5rem 0.5rem;
    line-height:1.5rem;
}
@media screen and (max-width:979px){
    /*タブレット用*/
    
}
@media screen and (max-width:768px){
    /*タブレット/スマートフォン用*/
    main {
        padding-top:0;
    }
    
    .textMeta {
        width:100%;
    }
    .tagMeta {
        width:100%;
        text-align: left;
    }
    .imageContent, 
    .textContent ,
    dt, dd {
        width:100%;
    }
    dt {
        border-bottom: none;
    }
}
@media screen and (max-width:479px){
    /*スマートフォン用*/
    .jobBox {
        padding:10px;
        width:100%;
        margin-top:30px;
    }
    .imageContent {
    padding: 0; 
    }
    dd{
        padding-top:0;
    }
}
/*scroll------------------------------------------------------*/

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 15px;
  bottom: 0;
  background: #0099ff;
  opacity: 0.6;
  border-radius: 50%;
    z-index:100000
  }
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
/*scrollここまで-----------------------------------------------*/