
body{
background-color: #fff;
}
.wrap{
width: 96%;
margin: 0 auto;
}
.center{
text-align: center;
}
.flame{
margin: 20px 0;
}
/* メインページ */
.keyVisual{
height: 400px;
display: flex;
align-items: center;
justify-content: space-evenly;
background-image: url(../images/recruit-sp.png);
background-color: rgba(0,0,0,0.3);
background-position: 50%;
background-blend-mode:darken;
background-size: cover;}
.subtitle{
color: #fff;
font-family: 'DefaultFont';
text-align: center;
margin: 2vw;
font-size: 5rem;
font-weight: bold;
}
.midashi{
    color: #000;
    margin: 2vw 0;
    font-size: 20px;
    font-weight: bold;
}
.cell{
width: 100%;
margin: 30px 0;
}
.imgbase{
    width: 80%;
    margin: 0 auto;
}
.imgbase img{
width: 100%;
}
.top{
border-top: #aaa 2px solid;
}
.bottom{
border-bottom: #aaa 2px solid;
padding: 10px 0;
}
.table{margin: 50px 0;}
.dott-top{
border-top: 1px dotted #bebebe;
}
.map{
background-color: #fff;
color: #333;
width: 100%;
margin: 0 auto;
display: flex;
border-bottom: 1px dotted #bebebe;
}
.map dt{
width: 150px;
background-color: #efefef;
padding: 12px;}
.map dd{
width: 100%;
text-align: left;
margin-inline-start: 2vw;
padding: 12px;}

 /* PC用 */
 @media screen and (min-width: 767px){
.keyVisual{
background-image: url(../images/recruit.png);}
  .wrap{
  width: 90%;
  margin: 0 auto;
  }
.smart{display: none;}
.table{margin: 50px;}
 .showflex{
 display: flex;
 width: 90vw;
 justify-content: space-around;
 }
 .cell{
 width: 40vw;
 margin: inherit;}
  }
.map{
 width: 100%;
}