/*----------------------
common 
-----------------------*/
.yes_recruit_inner {
  max-width:1140px;
}
/*----------------------
mv 
-----------------------*/
.mv {
  background:url(/jp/about/company/yes/recruit_career/img/faq/bg_ttl_main_pc.jpg) no-repeat top center /cover;
}
/*----------------------
faq
-----------------------*/
.faq__item {
  margin-bottom:24px;
  border-radius:8px;
  background-color:white;
  font-size:16px;
}
.faq__item-ttl {
  display:flex;
  align-items:center;
  list-style:none;
  position:relative;
  padding:14px 25px 14px 34px;
  background:#f5f5f5;
  cursor:pointer;
}
.faq__item-ttl::-webkit-details-marker {
  display:none;
}
.faq__label {
  display:inline-flex;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  width:24px;
  height:24px;
  margin-right:22px;
  color:#bababa;
  font-family:"DINNextLTPro-Regular";
  font-style:italic;
  font-size:22px;
}
.faq__label.is-q {
  color:#dc1e37;
}
.faq__question {
  flex:1;
  font-weight:600;
}
.faq__icon {
  flex-shrink:0;
  position:relative;
  width:32px;
  height:32px;
  border-radius:50%;
  background:#dc1e37;
}
.faq__item[open] .faq__icon {
  background:#666;
}
.faq__icon::before,.faq__icon::after {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background-color:#fff;
  transition:all .3s ease;
}
.faq__icon::before {
  width:14px;
  height:2px;
}
.faq__icon::after {
  width:2px;
  height:14px;
}
.faq__item[open] .faq__icon::after {
  transform:translate(-50%, -50%) rotate(90deg);
  opacity:0;
}
.faq__answer {
  display:flex;
  align-items:flex-start;
  padding:25px 20px 14px 34px;
}
.faq__item-txt {
  flex:1;
  margin:0;
  color:#333;
  line-height:1.6;
}
@media screen and (max-width: 660px) {
  /*----------------------
	mv 
	-----------------------*/
  .mv {
    background:url(/jp/about/company/yes/recruit_career/img/faq/bg_ttl_main_sp.jpg) no-repeat top center /cover;
  }
  /*----------------------
  faq 
  -----------------------*/
  .faq__item {
    margin-bottom:18px;
    font-size:14px;
  }
  .faq__item-ttl {
    padding:12px 4%;
  }
  .faq__label {
    margin-right:12px;
  }
  .faq__icon {
    width:24px;
    height:24px;
    margin-left:10px;
  }
  .faq__icon::before {
    width:12px;
  }
  .faq__icon::after {
    height:12px;
  }
  .faq__answer {
    padding:15px 4%;
  }
}