@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------*/
/* アコーディオンメニューの記述ここから↓↓↓  */
/*----------------------------------------------------------*/
.faqAccordion {
    width: 85%;
    max-width: 550px;
    margin: 10px auto;
    text-align: left;
}

.faqAccordion section {
    margin: 25px auto 50px;
}

/* 質問と下線の実装 */
h3.question {
    position: relative;
    transition: 0.5s;
    border-bottom: 1px solid #f29438;
    padding-right: 1.5em;    /* after疑似要素による矢印の空間を空けるため */
    padding-bottom: 3px;
}

/* 矢印アイコンの実装 */
h3.question::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    border-right: 3px solid #444;
    border-bottom: 3px solid #444;
    right: 10px;
    top: calc(50% - 0.7em);
    transform: rotate(45deg);
    transition: 0.4s;
}

/* questionクラスにopenクラスが付与されているときの矢印アイコン */
h3.question.open::after {
    transform: rotate(-135deg);
    top: calc(50% - 0.5em);
}

/* 回答欄は非表示にしておく */
.answerBox {
    display: none;
    margin: 10px auto 20px;
}

.ulMargin {
    margin-bottom: 1em;
    font-family: "noto-sans-cjk-jp", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.ulMargin li {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

.num1::before {
    content: "①";
}

.num2::before {
    content: "➁";
}

/* デスクトップ表示用 */
@media screen and (min-width: 768px) {

}