@charset "UTF-8";

.bg-blc {
  position: fixed;
  top: 100px;
  left: 0;
  content: '';
  width: 100%;
  height: calc(100vh - 100px);
  background-image: url('../img/voice/img_bg.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.intro-blc {
  background-image: url('../img/voice/bg.png');
  background-color: #fff;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}

.QA-blc {
  position: relative;
  overflow: hidden;
}

.QA-blc .list {
}

.QA-blc .list > dt {
  position: relative;
  font-size: 120%;
  color: #fff;
  padding-left: 40px;
  padding-bottom: 10px;
}

.QA-blc .list > dt::before {
  position: absolute;
  top: -5px;
  left: 0;
  content: '';
  width: 30px;
  height: 30px;
  background-image: url('../img/voice/question.png');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}

.QA-blc .list > dd {
  color: #fff;
  font-weight: lighter;
  padding-left: 40px;
  padding-bottom: 40px;
}

.message-blc {
  background-color: #fff;
}

@media screen and (max-width: 1200px) {
  .bg-blc {
    top: 60px;
    height: calc(100vh - 60px);
  }
  
}