@charset "utf-8";

.answer{
 position: relative;
 background-color:#ffffff;
 border:3px solid var(--sub);
 border-radius:10px;
 padding: 10px;
 text-align : left;
 width: auto;
 font-size: 18px;
}

.answer::before{
 content: "";
 position: absolute;
 margin-top: -15px;
 border: 10px solid transparent;
 border-right: 15px solid var(--sub);
 top: 60%;
 right: -25px;
 transform: rotate(180deg);
}

.question{
 position: relative;
 background-color:#ffffff;
 border:3px solid var(--acsent);
 border-radius:10px;
 padding: 10px;
 text-align : left;
 width: auto;
 font-size: 18px;
}

.question::before{
 content: "";
 position: absolute;
 margin-top: -15px;
 border: 10px solid transparent;
 border-right: 15px solid var(--acsent);
 top: 60%;
 left: -25px;
}

.Q{
 'Zen Maru Gothic', sans-serif;
 color: red;
}
.A{
 'Zen Maru Gothic', sans-serif;
 color: blue;
}