@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* グリーンバック余白 */
.c-pageTitle{
    margin-bottom: 64px;
}

/* セクションタイトル下余白 */
.c-sectTitle--each{
    margin-bottom: 56px;
}
/* リードテキスト余白 */
.c-sectLead{
    margin-bottom: 29px;
}

/* ulのueリセット */
.p-faq__list{
    list-style: none;
}
/* 質問文と開閉ボタンをフレックスで横並びにして質問文の背景色をサブ１、文字色をメインカラーに変更 */
.p-faq__listItem{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--sub-color1);
    color: var(--main-color);
    margin-bottom: 24px;
}

.p-faq__listA{
    display: none;
    margin-bottom: 24px;
}
/* 開閉ボタン */
.p-faq__listBtn{
    background-color: var(--main-color);
    width: 45px;
    height: 45px;
    position: relative;
/* FB カーソル追加 */
    cursor: pointer;
}

.p-faq__listBtn::before,.p-faq__listBtn::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 11px;
    width: 23px;
    height: 1px;
    background-color: white;

}
/* プラスの縦棒 */
.p-faq__listBtn::after {
    transform: rotate(90deg);
    transition: 0.4s;
}
/* プラスの縦棒をis-openを付与した際に横にしてマイナスにする */
.p-faq__listBtn.is-open::after {
  transform: rotate(0deg);
}

/* pc */
@media screen and (min-width: 768px) {
    .p-faq__list{
        justify-content: center;
    }
}