@charset "UTF-8";

/* FAQエリア全体のコンテナ */
.type-faq {
  background: rgba(255, 255, 255, 0.5);
}

.faq-cs{
margin-bottom: 40px;
padding: 0 20px;
line-height: 1.6;
}

/* メインタイトル (FAQ / よくある質問) */
.type-faq h3 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 3em;
  font-weight: 500;
  padding: 20px;
  margin: 0 0 20px;
  border-bottom: 1px dashed;
  
}

.type-faq h3 span {
  font-size: .4em;
  font-weight: 500;
}

/* 各セクションのタイトル (PODCAST EXPO等) */
.type-faq .faq-tit {
  font-size: 1.6em;
  font-weight: 500;
  padding: 20px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.type-faq .faq-tit span {
font-size: 0.55em;
margin-left: 1em;
position: relative;
top: -0.3em;
}

/* FAQリスト項目 */
.type-faq dl {
  margin: 0;
  padding: 20px 0;
}

/* 質問文 (Q) */
.type-faq dt {
  display: flex;
  align-items: center;
  font-size: 1.1em;
  font-weight: 500;
  margin-bottom: 0.3em;
padding: 0 20px;
}

/* Qの丸形アイコン */
.type-faq dt span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8em;
  height: 1.8em;
  border: 1px solid;
  border-radius: 50%;
  margin-right: 0.5em;
  font-size: 0.8em;
}

/* 回答文：点線を全幅にするため、marginをpaddingに置き換え */
.type-faq dd {
padding: 0 20px 20px 3.3em;
padding-bottom: 1em;
border-bottom: 1px dashed;
line-height: 1.6;
font-weight: 400;
}
.type-faq dd p{
margin-bottom: 1em;
}
.type-faq dd p {
margin-bottom: 0.3em;
}

/* セクション内、最後の回答文は点線を消して余白をリセット */
.type-faq dd:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

/* 2件目以降のdtの余白：ddのpadding-bottom(1em)と合わせて合計2emを維持 */
.type-faq dd + dt {
  margin-top: 1em;
}

/* 最後の要素の線調整（既存維持） */
.type-faq dl:last-child {
  border-bottom: none;
}




/* セクションタイトル（.faq-tit）のみを固定 */
.faq-tit {
background: url(../../images/base/base-bg-wht.jpg);
background-size: 120% 200%;
background-position: center;
position: -webkit-sticky;
position: sticky;
top: -1px;
z-index: 10;
background: #fff;
}



@media(max-width:736px){
.type-faq h3 {
font-size: 2.5em;
padding: 16px 8px;
margin: 0 0 8px;
}
.faq-cs {
margin-bottom: 8px;
padding: 0 8px;
font-size: 0.8em;
}
.type-faq .faq-tit {
font-size: 1.1em;
padding: 16px 8px;
}
.type-faq dt {
font-size: 1em;
margin-bottom: 0.3em;
padding: 0 8px;
}
.type-faq dd {
padding: 0 8px 20px 8px;
padding-bottom: 0.5em;
line-height: 1.5;
font-size: 0.86em;
}
/* セクションタイトル（.faq-tit）のみを固定 */
.faq-tit {
top: 19px;
}

}/* @media */