
body#recruit.privacypolicy main article div#contentsTop {
  padding-top: 100px;
}

@media screen and (max-width: 1150px) {
  body#recruit.privacypolicy main article div#contentsTop {
    padding-top: 35px;
  }
}


#contentsTop section#recruit .recruitContents .recruitContent dl{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

#contentsTop section#recruit .recruitContents .recruitContent dl dt{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:190px;
  white-space:nowrap;
  font-weight:bold;
  font-size:18px;
  line-height:1.4em;
  letter-spacing:0em;
  color:rgba(0,187,0,.8);
}

#contentsTop section#recruit .recruitContents .recruitContent dl dt::before{
  content:"■";
  margin-right:5px;
  font-size:70%;
}

#contentsTop section#recruit .recruitContents .recruitContent dl dd{
  width:calc(100% - 190px);
}

#contentsTop section#recruit .recruitContents .recruitContent dl dd *+p{
  margin-top:1em;
}

#contentsTop section#recruit .recruitContents .recruitContent dl dd ul li{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-top:5px;
}


#contentsTop section#recruit .recruitContents .recruitContent dl dd .gmap{
  margin-top:25px;
  position:relative;
  width:100%;
  padding-top:56.25%;
}

#contentsTop section#recruit .recruitContents .recruitContent dl dd .gmap iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

#contentsTop section#recruit .recruitContents .recruitContent dl+dl{
  margin-top:25px;
  padding-top:25px;
  border-top:1px solid #eee;
}


body#recruit[class*="privacy"] main article div#contentsTop section#recruit
  .recruitContents .recruitContent dl dd ul {
  list-style: none;   
  margin-left: 0;
  padding-left: 0;
}


body#recruit[class*="privacy"] main article div#contentsTop section#recruit
  .recruitContents .recruitContent dl dt {
  white-space: normal;      
  line-height: 1.6;           
}


body#recruit[class*="privacy"] main article div#contentsTop section#recruit
  .recruitContents .recruitContent dl dt {
  white-space: normal;        
  width: 280px;               
  font-size: 16px;            
  line-height: 1.6;
  padding-right: 32px;
}


body#recruit[class*="privacy"] main article div#contentsTop section#recruit
  .recruitContents .recruitContent dl dd {
  width: calc(100% - 280px);  
	  padding-right: 8px; 
}


body#recruit[class*="privacy"] main article div#contentsTop section#recruit
  .recruitContents .recruitContent dl {
  padding: 0 24px;      
}

@media screen and (max-width: 518px) {

  /* 2列 → 1列に */
  body#recruit[class*="privacy"]
  main article div#contentsTop
  section#recruit .recruitContents .recruitContent dl {
    display: block;
  }

  /* 見出しを上、本文を下に並べる */
  body#recruit[class*="privacy"]
  main article div#contentsTop
  section#recruit .recruitContents .recruitContent dl dt {
    width: auto;
    margin-bottom: 8px;   /* 見出しと本文の間に少し余白 */
  }

  body#recruit[class*="privacy"]
  main article div#contentsTop
  section#recruit .recruitContents .recruitContent dl dd {
    width: auto;
  }

  /* スマホでは左右の余白も少しだけ詰める（好みで調整可） */
  body#recruit[class*="privacy"]
  main article div#contentsTop
  section#recruit .recruitContents .recruitContent dl {
    padding-left: 8px;
    padding-right: 8px;
  }
}