@charset "UTF-8";

.p-faq {
  background: url("../../../images/page/faq/bg_faq.png")repeat;
  background-size: 200px;
}

.p-faq-container {
  width: calc(100% - 60px);
  margin: 0 auto;
  background: #fff;
    border-radius: 10px;
    max-width: 880px;
    padding: 40px 80px 80px;
}

.tabs {
  margin: 0 auto 40px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  cursor: pointer;
}

.tab {
  font-family: "Zen Kaku Gothic New", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.4rem;
}

.tab.active {
  border-bottom: solid 1px #000;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.p-faq .block {
  padding: 35px 0;
  border-bottom: solid 1px #CCCCCC;
}

.p-faq .block dt {
  color: #80070C;
  font-size: 1.6rem;
  padding: 0 0 10px;
}

.p-faq .block dd {
  font-size: 1.4rem;
  line-height: 1.8;
}

.p-faq .block dd a {
  color: #000;
}

@media screen and (min-width: 768px) {

  .p-faq .block dd a:hover {
    text-decoration: none;
  }

}

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

  .m-heading {
      margin-bottom: 40px;
  }


  .tab {
      font-size: 1.2rem;
      margin: 0 27px 30px 0;
  }

  .tabs {
      justify-content: flex-start;
      margin: 0;
  }



  .p-faq .block {
    padding: 25px 0;
  }

  .p-faq .block dt {
    font-size: 1.4rem;
  }

  .p-faq .block dd {
    font-size: 1.3rem;
    line-height: 1.7;
  }

  .p-faq-container {
    width: calc(100% - 40px);
      max-width: 880px;
      padding: 40px 20px 80px;
  }



}