.dmagicQuest {
		    padding: 64px 0;
		    margin: 0 auto;
                        background-color: rgb(var(--color-background));
		}

		.dmagicQuest ul {
		    width: 1472px;
		    margin: 0 auto;
		    max-width: 92%;
		}

		.dmagicQuest li {
		    padding: 0 24px;
		    margin-bottom: 16px;
		    border-radius: 16px;
		    border: 3px solid oklch(0.85 0.02 285);
		    border-bottom: 1px solid oklch(0.85 0.02 285);
		}

		.qtFlex {
		    cursor: pointer;
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		}

		.queName {
		    gap: 8px;
		    padding: 16px 0;
		    display: flex;
		    align-items: center;
		}

		.queName svg {
		    display: block;
		    width: 20px;
		    color: #802d7c;
		}

		.queName p {
		    font-weight: bold;
		    font-size: 18px;
		    line-height: calc(1em + 10px);
            margin-top: 5px;
		}

		.dmagicQuest li dl {
		    display: none;
		    padding: 16px 0;
		}

		.dmagicQuest dt {
		    font-size: 14px;
		    line-height: 20px;
		    margin-bottom: 8px;
		    color: oklch(0.45 0.02 285);
		}

		.dmagicQuest dt:last-child {
		    margin: 0;
		}

		.qtFlex span {
		    transition: all .3s;
		}

		.qtFlex span svg {
		    display: block;
		    width: 16px;
		}

		.dmagicQuest li.cur .qtFlex span {
		    transform: rotate(-180deg);
		}