@charset "UTF-8";
/* CSS Document */

.titleimg{
background-image:url("../recruit/interviewimg/titleimg_kangobu.jpg");
background-repeat: no-repeat;
background-size:cover;
background-position:center;
}

.footer{
margin-top:5em;
}
@media screen and (min-width: 960px) {

.footer{
margin-top:7em;
}
}
.koumoku dl {
display: flex;
flex-flow: row wrap;
width: 100%;
border-top: 1px solid #ccc;
}
.koumoku dt {
flex-basis: 30%;
padding: 20px;
border-bottom: 1px solid #ccc;
font-weight: 500;
}
.koumoku dd {
flex-basis: 70%;
padding: 20px;
background-color: #fff;
border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 559px) {
.koumoku dl {
flex-flow: column;
}
.koumoku dt {
padding: 10px 10px 5px 10px;
font-weight: 600;
border-bottom: 1px solid #fff;
}
.koumoku dd {
padding: 0 10px 10px 10px ;
border-bottom: 1px solid #ccc;
}
}

h4 {
  position: relative;
  border-top: solid 2px #80c8d1;
  border-bottom: solid 2px #80c8d1;
  background: #f4f4f4;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 5em 0 0.5em;
}

h4:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 500;
  content: '\f007\ Interview';
  background: #80c8d1;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.8em;
  line-height: 1.5;
  letter-spacing: 0.5em;
}

.interview_q{
color:#80c8d1;
font-weight: 500;
margin-top:1em;
}