魔法帽的工作室

在魔法深入人們生活的世界中，儘管明白「只有魔法師才能使用魔法」，小村莊的少女可可仍對魔法抱持著憧憬。雖然被叮嚀「絕對不能看施展魔法的瞬間」，但某天可可目擊了來到村裡的青年魔法師奇夫利施展魔法的過程，進而得知了魔法背後隱藏的「絕對秘密」。

為了救回因自己畫出的禁忌魔法而石化的母親，並追查年幼時遞給她繪本的「寬緣帽魔法師」的線索，可可成為了魔法師奇夫利的弟子。為了開始成為魔法師的修行，可可來到了作為學習場所的工房，並在那裡遇見了同樣是奇夫利弟子的少女們——阿嘉朵、特緹雅與麗婕。

阿嘉朵對於原本不具備成為魔法師資格的普通人——「不知情者」可可被收為弟子一事感到不悅，她告訴可可，若想被認可為同伴，就必須趁奇夫利不在時接受並通過成為魔法師弟子的試驗「國王的許可」。腳步尚不穩健的可可獨自一人出發前往試驗目的地，此時達達山脈擋住了她的去路。

為了提供正式成為弟子的可可專用的魔法材料，奇夫利帶著可可與其他弟子們，前往魔法師之城「卡倫」的魔材店「星之劍」購物。然而，在購物的過程中，可可看見了兒時曾遇見的神秘「寬檐帽魔法師」的身影，她反射性地衝出店外追了上去……。

可可、阿嘉朵、特緹雅、麗婕被困在神祕的空間中。在尋找脫離方法時，危險的巨鱗龍擋在了四人面前。雖然她們發現了可能是脫困關鍵的魔法陣並試圖靠近，卻因巨鱗龍的阻礙而難以接近。就在四人感到無計可施之際，可可從特緹雅的魔法中得到啟發，想到了一個點子。

經過奇夫利的營救，可可一行人平安從神祕空間脫困。回歸日常生活後，可可雖然心事重重，仍努力練習魔法。奇夫利看著這樣的可可，便向她傳授了自己從過去經驗中領悟到的魔法學習訣竅。就在可可逐漸與其他弟子打成一片時，留在工作室的另一位魔法師——「監視之眼」歐魯吉奧，出現在了她的面前。

工作室收到了一項請求，希望救助因附近橋樑崩塌而被困在河中央的人。阿嘉朵請求跟隨前往現場救援的奇夫利與歐魯吉奧，然而她在現場被分配到的任務僅是使用魔法器進行簡單的支援。渴望證明實力並儘快成長為魔法師的阿嘉朵，內心感到愈發焦急。

可可和阿嘉朵成功救出了被捲入土石流的庫斯塔斯，但可可的魔法展現出遠超預期的威力，將周圍一帶變成了沙子。趕到現場的魔警團成員伊斯希斯判定使用了禁止魔法，並拘捕了兩人，企圖消除可可的記憶。在千鈞一髮之際，她們被麗婕和特緹雅所救。隨後，趕到的奇夫利化解了危機，但奇夫利察覺到原因出在可可所使用的魔墨上。

從奇夫利那裡聽說了為了成為獨當一面的魔法師而舉辦的「五芒星試驗」之事，阿嘉朵、特緹雅、麗婕各自訴說著對魔法的想法與目標。另一方面，與大家的起跑點不同的可可，因受到「『不知者』本來是無法成為魔法師的」這股重壓而深受惡夢折磨，每晚醒來後便一頭栽進魔法的練習之中。另一方面，認為「寬帽」的線索就在可可擁有的魔墨之中的奇夫利，為了探尋其痕跡而嘗試使用魔法進行追蹤。

奇夫利與達達帶著身體不適的可可前往醫院。達達對奇夫利最近的言行抱有疑慮，試圖質問他，卻被敷衍過去。在此期間，達達得知可可雖然是「不知者」卻成為了奇夫利的弟子，不由得與自身患有「銀彩症」的境遇重疊，心中產生了複雜的情感。當晚，在奇夫利忙於應對鎮上發生的火災救援工作時，為了救治病情惡化的可可，達達必須在藥品庫中尋找一種除了顏色之外極難辨識的藥物。

「我的強項是畫出筆直的線條。」可可更加努力地學習魔法，眼睛閃閃發亮地熟讀著教科書。另一方面，麗婕卻連看都不看一眼、也不打算記住教科書上的魔法。儘管奇夫利溫柔地勸導她看教科書，麗婕還是生氣地離開了房間。就在這時，工作室收到了關於舉辦「五芒星試驗」第二場考試的通知。

阿嘉朵與麗婕和另一座工作室的魔法使弟子尤伊尼一同接受第二次試驗「騎士的忠誠」。然而，相較於想盡快通過試驗的阿嘉朵，麗婕職似乎對此興致缺缺。三人遵循試驗官亞萊拉的指示，為了不讓保護對象海獸鳥（梅爾馮）發現他們的真面目，朝著蛇之背洞窟前進。

由於「寬邊帽」的襲擊，阿嘉朵、麗婕和尤伊尼與阿萊拉走散了。他們同心協力，發揮各自擅長的魔法試圖逃離追兵，然而……另一方面，在外面待命的奇夫利、可可和特緹雅雖然透過阿萊拉釋放的SOS信號察覺到異狀，卻也遭到敵人的襲擊，奇夫利為了保護可可與特緹雅而身受重傷。