@charset "UTF-8";
.img-width-500 img{ width: 500px;}

/* リスト（数値なし）吹き出し */
.voice-question-area-01 .card-ctr .card-display{
    margin: 0 !important;
}
.voice-question-area-01 ul{
    padding-left: 0 !important;
}
.voice-question-area-01 li{
    margin-bottom: 20px;
    padding-left: 80px;
    position: relative;
}
.voice-question-area-01 li::before{
    background-image: url("/content/dam/au-com/finance/asset/point-inv/images/fi_point-inv_customertype_1.png");
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    width: 60px;
}
.voice-question-area-01 li:nth-child(2)::before{
    background-position: center -80px;
}
.voice-question-area-01 li:nth-child(3)::before{
    background-position: center -160px;
}
.voice-question-area-01 li:nth-child(4)::before{
    background-position: center -240px;
}
.voice-question-area-01 li::marker{
    font-size: 0;
}
.voice-question-area-01 li p{
    border: solid 1px #cdcdcd;
    padding: 20px 10px;
    position: relative;
}
.voice-question-area-01 li p::before,.voice-question-area-01 li p::after{
    border-style: solid;
    border-width: 8px 12px 8px 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 20px;
    width: 0;
}
.voice-question-area-01 li p::before {
    border-color: transparent #cdcdcd transparent transparent;
    left: -12px;
    z-index: 0;
}
.voice-question-area-01 li p::after{
    border-color: transparent #ffffff transparent transparent;
    left: -10px;
    z-index: 1;
}

/* リスト（数値なし）右側（セクションコンテナに right-voice 追加）吹き出し */
.voice-question-area-01.right-voice li{
    padding-left: inherit;
    padding-right: 80px;

}
.voice-question-area-01.right-voice li::before{
    left: inherit;
    right: 0;
}
.voice-question-area-01.right-voice li p::before,.voice-question-area-01.right-voice li p::after{
    transform: rotate(180deg);
}
.voice-question-area-01.right-voice li p::before {
    left: inherit;
    right: -12px;
}
.voice-question-area-01.right-voice li p::after{
    left: inherit;
    right: -10px;
}


/* リスト（数値なし）アンサー（セクションコンテナに answer-voice 追加）吹き出し */
.answer-voice li p{
    background-color: #fdeee6;
}
.voice-question-area-01.answer-voice li p::after{
    border-color: transparent #fdeee6 transparent transparent;
}