{"id":71,"date":"2023-11-18T18:18:31","date_gmt":"2023-11-18T10:18:31","guid":{"rendered":"https:\/\/simoncreatives.com\/?page_id=71"},"modified":"2024-01-24T13:19:30","modified_gmt":"2024-01-24T05:19:30","slug":"little-witch-nobeta","status":"publish","type":"page","link":"https:\/\/simoncreatives.com\/en\/works\/little-witch-nobeta\/","title":{"rendered":"Little Witch Nobeta"},"content":{"rendered":"\n<main>\r\n  <div class=\"overflow-hidden\">\r\n    <section><img decoding=\"async\" class=\"fixed top-[53px] left-0 right-0 h-auto -z-10 w-full tb:top-[70px] pc:top-[85px]\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/banner.jpg\" alt=\"\"><\/section>\r\n    <div class=\"relative z-30\">\r\n      <div class=\"aspect-[1920\/1080] w-full\"><\/div>\r\n      <canvas class=\"canvas-wave -mt-[10px] lg:-mt-[20vh] xl:-mt-[40vh]\"><\/canvas>\r\n    <\/div>\r\n    <section class=\"bg-white -mt-[1px]\">\r\n      <div class=\"relative\">\r\n        <picture class=\"w-full scale-110 absolute top-[5%] z-0 hidden sm:block\">\r\n          <source media=\"(min-width: 1280px)\" srcset=\"\/assets\/common\/images\/works\/works-about-bg.jpg\"><img decoding=\"async\" class=\"w-full max-w-[2060px] mx-auto\" src=\"\/assets\/common\/images\/works\/works-about-bg-md.jpg\">\r\n        <\/picture>\r\n        <div class=\"text-center px-[3%] font-noto_sans_tc pt-[40px] relative z-10 lg:pb-[100px]\">\r\n          <div class=\"_js-anim pb-[43px] font-bold md:pb-[64px] xl:pb-[80px]\" style=\"color:#384A7C\">\r\n            <h1 class=\"text-[32px] md:text-[42px] xl:text-[56px]\">Little Witch Nobeta<span class=\"text-[16px] block md:text-[24px] xl:text-[32px]\"><\/span><\/h1>\r\n          <\/div>\r\n          <p class=\"_js-anim text-[16px] pb-[40px] whitespace-pre-wrap md:text-[24px] xl:text-[32px]\" style=\"color:#7D5388\">Just reach the throne, and then&#8230;&#8230;<br>maybe I can learn where I am from.\r\n          <\/p>\r\n          <p class=\"_js-anim text-[#707070] text-[13px]\/[22px] pb-[40px] md:text-[16px]\/[32px] xl:text-[20px]\/[40px]\">To unveil the secret of her past, Nobeta the little witch arrived at the castle alone.<br>After her encounter with the mysterious black cat,<br>she battled her way through powerful crafted souls and studied powerful magics and abilities.<br>What secret awaits her in the depth of the castle?\r\n          <\/p>\r\n          <div class=\"_js-anim flex items-center justify-center pb-[140px] md:pb-[160px] lg:pb-[100px]\"><a class=\"mx-[10px] text-[#7D5388] hover:text-[#384A7C]\" href=\"https:\/\/twitter.com\/nobeta_staff_en\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"svg\" src=\"\/assets\/common\/images\/works\/x.svg\"><\/a><a class=\"mx-[10px] text-[#7D5388] hover:text-[#384A7C]\" href=\"https:\/\/discord.gg\/nobeta\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"svg\" src=\"\/assets\/common\/images\/works\/dc.svg\"><\/a><a class=\"mx-[10px] text-[#7D5388] hover:text-[#384A7C]\" href=\"https:\/\/www.littlewitchnobeta.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"svg\" src=\"\/assets\/common\/images\/works\/home.svg\"><\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <canvas class=\"canvas-wave -mt-[50px] relative z-10\"><\/canvas>\r\n    <\/section>\r\n    <section class=\"bg-[#F6F3F1] pb-[150px] px-[3%] relative z-10 -mt-[1px] md:pt-[70px] md:pb-[180px] lg:pt-[100px] lg:pb-[200px]\">\r\n      <div class=\"max-w-[1400px] w-full mx-auto justify-between md:flex\">\r\n        <div class=\"font-noto_sans_tc pt-[40px] md:pr-[40px] xl:pr-[80px]\">\r\n          <h2 class=\"_js-anim text-[20px] font-bold pb-[40px] text-center md:text-[32px] md:text-left lg:text-[40px]\" style=\"color:#384A7C\">Introduction<\/h2>\r\n          <p class=\"_js-anim text-[#707070] text-[13px] md:text-[16px] lg:text-[20px]\">&quot;Little Witch Nobeta&quot; is a 3D action shooter game. The game was developed independently by Pupuya Games in the early stage, and Simon thought that the title has potential after seeing the gameplay and the cute figure of the heroine, then joined the development team from 2019 and helped build the game&#8217;s script writing, art and sound design, merchandises and community management.\r\n          <\/p><br>\r\n          <p class=\"_js-anim text-[#707070] text-[13px] md:text-[16px] lg:text-[20px]\">The game released STEAM (Early Access) during 2020 and sold over 50000 copies in the first week. Afterwards, the team collaborated with Vtuber company Hololive from Japan and commisioned their voice talents to voice the game&#8217;s characters. The game has sold over 350000 copies since September 2022 and is well received in Japan as well as other oversea regions.\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"_js-anim flex-none mx-auto mt-[40px] flex items-center justify-center md:max-w-[400px] md:mt-0 xl:max-w-none\"><img decoding=\"async\" class=\"mx-auto\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/panning.jpg\" alt=\"\"><\/div>\r\n      <\/div>\r\n    <\/section>\r\n    <canvas class=\"canvas-wave -mt-[100px] relative z-20\"><\/canvas>\r\n    <section class=\"bg-white pt-[60px] pb-[140px] -mt-[1px]\">\r\n      <div class=\"w-full mx-auto max-w-[1490px]\">\r\n        <div class=\"_js-anim pb-[20px] px-[45px]\">\r\n          <h2 class=\"font-candal text-[32px]\/[32px] md:text-[56px]\/[56px] xl:text-[80px]\/[80px]\" style=\"color:#CE98BC\">Characters<\/h2>\r\n        <\/div>\r\n        <div class=\"flex-col-reverse flex lg:flex-col\">\r\n          <div class=\"_js-anim mb-[40px] flex-none xl:mb-[70px]\">\r\n            <div class=\"swiper_character relative\">\r\n              <div class=\"swiper-wrapper mx-auto [&amp;&gt;.swiper-slide-visible.swiper-slide-active]:!opacity-100 lg:px-[10px] xl:w-[calc(100%-90px)]\">\r\n                <div class=\"swiper-slide bg-white !opacity-0\">\r\n                  <div class=\"justify-center items-center text-center lg:flex\">\r\n                    <div class=\"relative flex-none inline-block z-20 lg:mx-[10px] xl:block\"><img decoding=\"async\" class=\"absolute w-[210px] bottom-[47px] -left-[20px] max-w-none md:bottom-[104px] md:-left-[64px] md:w-auto md:max-w-full lg:left-[10px] xl:bottom-[180px] xl:-left-[40px]\" src=\"\/assets\/common\/images\/works\/en\/little-witch-nobeta\/Character_word_01_Nobeta.png\" alt=\"\"><img decoding=\"async\" class=\"max-w-[200px] md:max-w-[470px] xl:max-w-none\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/Character_01_Nobeta.png\" alt=\"\"><\/div>\r\n                    <div class=\"relative z-10 px-[3%] text-left -mt-[30px] md:px-[40px] md:-mt-[30px] xl:px-0 xl:mt-0\">\r\n                      <div class=\"relative\">\r\n                        <div class=\"relative z-10 bg-white font-noto_sans_tc border-[#F6F3F1] border-[8px] rounded-[20px] pb-[20px] pt-[22px] px-[32px] md:pb-[30px] md:pt-[43px] xl:max-w-[500px] xl:py-[40px]\" style=\"color:#7D5388\">\r\n                          <h3 class=\"flex items-center justify-center text-[20px]\/[20px] font-bold border-[#959595] border-b-[1px] pb-[20px] md:text-[32px]\/[48px]\">Nobeta\r\n                          <\/h3>\r\n                          <table class=\"border-[#959595] border-b-[1px] pl-[4px] pb-[40px] pt-[40px] w-full block md:pl-[10px] xl:pl-[8px]\">\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Birthday<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">1st of June<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Sign<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">Gemini<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Blood type<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">A<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Height<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">137 cm<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Weight<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">37 kg<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Like<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">Her hat<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Hate<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">Her bad memory (she tends to forget things)<\/td>\r\n                            <\/tr>\r\n                          <\/table>\r\n                          <div>\r\n                            <p class=\"text-[#707070] whitespace-pre-wrap text-[13px]\/[22px] border-[#959595] border-b-[1px] py-[20px] px-[6px] md:text-[16px]\/[32px] md:py-[30px] md:px-[20px] xl:text-[20px]\/[35px] xl:py-[40px] xl:px-[6px]\">The little witch has come to the castle after all. Nobeta understand that she must enter the castle and reach the throne despite the crafted souls and challenges ahead of her. It&#8217;s the only way to find out the truth and the answer to her past.\r\n                            <\/p>\r\n                          <\/div>\r\n                          <table class=\"pt-[20px] pl-[4px] w-full block md:pt-[30px] md:pl-[10px] xl:pt-[40px] xl:pl-[8px]\">\r\n                            <tr class=\"text-[13px] align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[77px] leading-[22px] md:leading-[24px] md:min-w-[140px] xl:leading-[35px] xl:min-w-[120px]\" style=\"color:#7D5388\">Character Design<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pl-[4px] md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u6c50\u738b\u5bfa \/ LM<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[77px] leading-[22px] md:leading-[24px] md:min-w-[140px] xl:leading-[35px] xl:min-w-[120px]\" style=\"color:#7D5388\">CV<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pl-[4px] md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u5c0f\u539f\u597d\u7f8e<\/td>\r\n                            <\/tr>\r\n                          <\/table>\r\n                        <\/div>\r\n                        <div class=\"absolute z-0 -bottom-[8px] left-[8px] rounded-[10px]  bg-cover h-full w-full overflow-auto md:-bottom-[20px] md:left-[20px] md:rounded-[18px] xl:-bottom-[40px] xl:left-[40px] xl:rounded-[20px] xl:min-h-[844px]\"><img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/background.jpg\"><\/div>\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"swiper-slide bg-white !opacity-0\">\r\n                  <div class=\"justify-center items-center text-center lg:flex\">\r\n                    <div class=\"relative flex-none inline-block z-20 lg:mx-[10px] xl:block\"><img decoding=\"async\" class=\"absolute w-[210px] bottom-[47px] -left-[20px] max-w-none md:bottom-[104px] md:-left-[64px] md:w-auto md:max-w-full lg:left-[10px] xl:bottom-[180px] xl:-left-[40px]\" src=\"\/assets\/common\/images\/works\/en\/little-witch-nobeta\/Character_word_02_Tania.png\" alt=\"\"><img decoding=\"async\" class=\"max-w-[200px] md:max-w-[470px] xl:max-w-none\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/Character_02_Tania.png\" alt=\"\"><\/div>\r\n                    <div class=\"relative z-10 px-[3%] text-left -mt-[30px] md:px-[40px] md:-mt-[30px] xl:px-0 xl:mt-0\">\r\n                      <div class=\"relative\">\r\n                        <div class=\"relative z-10 bg-white font-noto_sans_tc border-[#F6F3F1] border-[8px] rounded-[20px] pb-[20px] pt-[22px] px-[32px] md:pb-[30px] md:pt-[43px] xl:max-w-[500px] xl:py-[40px]\" style=\"color:#7D5388\">\r\n                          <h3 class=\"flex items-center justify-center text-[20px]\/[20px] font-bold border-[#959595] border-b-[1px] pb-[20px] md:text-[32px]\/[48px]\">Tania\r\n                          <\/h3>\r\n                          <table class=\"border-[#959595] border-b-[1px] pl-[4px] pb-[40px] pt-[40px] w-full block md:pl-[10px] xl:pl-[8px]\">\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Birthday<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u00d7<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Sign<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u00d7<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Blood type<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u00d7<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Height<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">162 cm<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Weight<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">45 kg<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Like<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">Ribbons<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Hate<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">Flame<\/td>\r\n                            <\/tr>\r\n                          <\/table>\r\n                          <div>\r\n                            <p class=\"text-[#707070] whitespace-pre-wrap text-[13px]\/[22px] border-[#959595] border-b-[1px] py-[20px] px-[6px] md:text-[16px]\/[32px] md:py-[30px] md:px-[20px] xl:text-[20px]\/[35px] xl:py-[40px] xl:px-[6px]\">Once a lady of noble born before her decease. Her father &#8211; the former hero, was accused as heretic due to questioning The Church&#8217;s legitimacy. Before long, her family was raided, and the house burnt down. While on the escape, Tania covered her burnt wound with her favorite ribbon, until she fell at the hand of The Church. The Church declared that her family was banished while in fact, they became subject for experiment of The Church&#8217;s soul essence study.\r\n                            <\/p>\r\n                          <\/div>\r\n                          <table class=\"pt-[20px] pl-[4px] w-full block md:pt-[30px] md:pl-[10px] xl:pt-[40px] xl:pl-[8px]\">\r\n                            <tr class=\"text-[13px] align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[77px] leading-[22px] md:leading-[24px] md:min-w-[140px] xl:leading-[35px] xl:min-w-[120px]\" style=\"color:#7D5388\">Character Design<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pl-[4px] md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">matomato<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[77px] leading-[22px] md:leading-[24px] md:min-w-[140px] xl:leading-[35px] xl:min-w-[120px]\" style=\"color:#7D5388\">CV<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pl-[4px] md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u5c3e\u4e38\u30dd\u30eb\u30ab<\/td>\r\n                            <\/tr>\r\n                          <\/table>\r\n                        <\/div>\r\n                        <div class=\"absolute z-0 -bottom-[8px] left-[8px] rounded-[10px]  bg-cover h-full w-full overflow-auto md:-bottom-[20px] md:left-[20px] md:rounded-[18px] xl:-bottom-[40px] xl:left-[40px] xl:rounded-[20px] xl:min-h-[844px]\"><img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/background.jpg\"><\/div>\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"swiper-slide bg-white !opacity-0\">\r\n                  <div class=\"justify-center items-center text-center lg:flex\">\r\n                    <div class=\"relative flex-none inline-block z-20 lg:mx-[10px] xl:block\"><img decoding=\"async\" class=\"absolute w-[210px] bottom-[47px] -left-[20px] max-w-none md:bottom-[104px] md:-left-[64px] md:w-auto md:max-w-full lg:left-[10px] xl:bottom-[180px] xl:-left-[40px]\" src=\"\/assets\/common\/images\/works\/en\/little-witch-nobeta\/Character_word_03_Monica.png\" alt=\"\"><img decoding=\"async\" class=\"max-w-[200px] md:max-w-[470px] xl:max-w-none\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/Character_03_Monica.png\" alt=\"\"><\/div>\r\n                    <div class=\"relative z-10 px-[3%] text-left -mt-[30px] md:px-[40px] md:-mt-[30px] xl:px-0 xl:mt-0\">\r\n                      <div class=\"relative\">\r\n                        <div class=\"relative z-10 bg-white font-noto_sans_tc border-[#F6F3F1] border-[8px] rounded-[20px] pb-[20px] pt-[22px] px-[32px] md:pb-[30px] md:pt-[43px] xl:max-w-[500px] xl:py-[40px]\" style=\"color:#7D5388\">\r\n                          <h3 class=\"flex items-center justify-center text-[20px]\/[20px] font-bold border-[#959595] border-b-[1px] pb-[20px] md:text-[32px]\/[48px]\">Monica\r\n                          <\/h3>\r\n                          <table class=\"border-[#959595] border-b-[1px] pl-[4px] pb-[40px] pt-[40px] w-full block md:pl-[10px] xl:pl-[8px]\">\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Birthday<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u00d7<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Sign<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u00d7<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Blood type<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u00d7<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Height<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">138 cm<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Weight<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">33 kg<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Like<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">Dolls<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Hate<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">Human<\/td>\r\n                            <\/tr>\r\n                          <\/table>\r\n                          <div>\r\n                            <p class=\"text-[#707070] whitespace-pre-wrap text-[13px]\/[22px] border-[#959595] border-b-[1px] py-[20px] px-[6px] md:text-[16px]\/[32px] md:py-[30px] md:px-[20px] xl:text-[20px]\/[35px] xl:py-[40px] xl:px-[6px]\">Once a demi-human prior to decease. As a demi-human who knew human only by their exquisite crafts, Monica always longed to learn human society and culture until her tribe was destroyed by the human, after The Church deemed them heretic. Though she survived the assault, she became a \u201cmerchandise\u201d and endured great cruelty for years before The Church bought her as soul essence material.\r\n                            <\/p>\r\n                          <\/div>\r\n                          <table class=\"pt-[20px] pl-[4px] w-full block md:pt-[30px] md:pl-[10px] xl:pt-[40px] xl:pl-[8px]\">\r\n                            <tr class=\"text-[13px] align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[77px] leading-[22px] md:leading-[24px] md:min-w-[140px] xl:leading-[35px] xl:min-w-[120px]\" style=\"color:#7D5388\">Character Design<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pl-[4px] md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u795e\u5948\u5f25\u6c99<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[77px] leading-[22px] md:leading-[24px] md:min-w-[140px] xl:leading-[35px] xl:min-w-[120px]\" style=\"color:#7D5388\">CV<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pl-[4px] md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u767d\u4e0a\u30d5\u30d6\u30ad<\/td>\r\n                            <\/tr>\r\n                          <\/table>\r\n                        <\/div>\r\n                        <div class=\"absolute z-0 -bottom-[8px] left-[8px] rounded-[10px]  bg-cover h-full w-full overflow-auto md:-bottom-[20px] md:left-[20px] md:rounded-[18px] xl:-bottom-[40px] xl:left-[40px] xl:rounded-[20px] xl:min-h-[844px]\"><img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/background.jpg\"><\/div>\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"swiper-slide bg-white !opacity-0\">\r\n                  <div class=\"justify-center items-center text-center lg:flex\">\r\n                    <div class=\"relative flex-none inline-block z-20 lg:mx-[10px] xl:block\"><img decoding=\"async\" class=\"absolute w-[210px] bottom-[47px] -left-[20px] max-w-none md:bottom-[104px] md:-left-[64px] md:w-auto md:max-w-full lg:left-[10px] xl:bottom-[180px] xl:-left-[40px]\" src=\"\/assets\/common\/images\/works\/en\/little-witch-nobeta\/Character_word_04_Vanessa.png\" alt=\"\"><img decoding=\"async\" class=\"max-w-[200px] md:max-w-[470px] xl:max-w-none\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/Character_04_Vanessa.png\" alt=\"\"><\/div>\r\n                    <div class=\"relative z-10 px-[3%] text-left -mt-[30px] md:px-[40px] md:-mt-[30px] xl:px-0 xl:mt-0\">\r\n                      <div class=\"relative\">\r\n                        <div class=\"relative z-10 bg-white font-noto_sans_tc border-[#F6F3F1] border-[8px] rounded-[20px] pb-[20px] pt-[22px] px-[32px] md:pb-[30px] md:pt-[43px] xl:max-w-[500px] xl:py-[40px]\" style=\"color:#7D5388\">\r\n                          <h3 class=\"flex items-center justify-center text-[20px]\/[20px] font-bold border-[#959595] border-b-[1px] pb-[20px] md:text-[32px]\/[48px]\">Vanessa\r\n                          <\/h3>\r\n                          <table class=\"border-[#959595] border-b-[1px] pl-[4px] pb-[40px] pt-[40px] w-full block md:pl-[10px] xl:pl-[8px]\">\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Birthday<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u00d7<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Sign<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u00d7<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Blood type<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u00d7<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Height<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">169 cm<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Weight<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">51 kg<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Like<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">Being needed (by someone)<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Hate<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">Heretics, all the demi-humans<\/td>\r\n                            <\/tr>\r\n                          <\/table>\r\n                          <div>\r\n                            <p class=\"text-[#707070] whitespace-pre-wrap text-[13px]\/[22px] border-[#959595] border-b-[1px] py-[20px] px-[6px] md:text-[16px]\/[32px] md:py-[30px] md:px-[20px] xl:text-[20px]\/[35px] xl:py-[40px] xl:px-[6px]\">A human hero before her decease. Vanessa was orphaned at a very young age when her parents were slaughtered by de-human. For her who had nothing left to lose, Vanessa zealously sought her purpose in others, thus she became a hero of The Church after passing the &quot;trial&quot;.<br>During her hay day, she was a glorious hero who led a legion that defeated countless demi-human. When The Church replaced heroes with more powerful crafted soul doll, Vanessa once again lost her \u201cpurpose\u201d and was never reported to be seen after since\u2026\r\n                            <\/p>\r\n                          <\/div>\r\n                          <table class=\"pt-[20px] pl-[4px] w-full block md:pt-[30px] md:pl-[10px] xl:pt-[40px] xl:pl-[8px]\">\r\n                            <tr class=\"text-[13px] align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[77px] leading-[22px] md:leading-[24px] md:min-w-[140px] xl:leading-[35px] xl:min-w-[120px]\" style=\"color:#7D5388\">Character Design<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pl-[4px] md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">HAONI<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[77px] leading-[22px] md:leading-[24px] md:min-w-[140px] xl:leading-[35px] xl:min-w-[120px]\" style=\"color:#7D5388\">CV<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pl-[4px] md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u767d\u9280\u30ce\u30a8\u30eb<\/td>\r\n                            <\/tr>\r\n                          <\/table>\r\n                        <\/div>\r\n                        <div class=\"absolute z-0 -bottom-[8px] left-[8px] rounded-[10px]  bg-cover h-full w-full overflow-auto md:-bottom-[20px] md:left-[20px] md:rounded-[18px] xl:-bottom-[40px] xl:left-[40px] xl:rounded-[20px] xl:min-h-[844px]\"><img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/background.jpg\"><\/div>\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"swiper-slide bg-white !opacity-0\">\r\n                  <div class=\"justify-center items-center text-center lg:flex\">\r\n                    <div class=\"relative flex-none inline-block z-20 lg:mx-[10px] xl:block\"><img decoding=\"async\" class=\"absolute w-[210px] bottom-[47px] -left-[20px] max-w-none md:bottom-[104px] md:-left-[64px] md:w-auto md:max-w-full lg:left-[10px] xl:bottom-[180px] xl:-left-[40px]\" src=\"\/assets\/common\/images\/works\/en\/little-witch-nobeta\/Character_word_05_Cat.png\" alt=\"\"><img decoding=\"async\" class=\"max-w-[200px] md:max-w-[470px] xl:max-w-none\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/Character_05_BlackCat.png\" alt=\"\"><\/div>\r\n                    <div class=\"relative z-10 px-[3%] text-left -mt-[30px] md:px-[40px] md:-mt-[30px] xl:px-0 xl:mt-0\">\r\n                      <div class=\"relative\">\r\n                        <div class=\"relative z-10 bg-white font-noto_sans_tc border-[#F6F3F1] border-[8px] rounded-[20px] pb-[20px] pt-[22px] px-[32px] md:pb-[30px] md:pt-[43px] xl:max-w-[500px] xl:py-[40px]\" style=\"color:#7D5388\">\r\n                          <h3 class=\"flex items-center justify-center text-[20px]\/[20px] font-bold border-[#959595] border-b-[1px] pb-[20px] md:text-[32px]\/[48px]\">Little Black Cat\r\n                          <\/h3>\r\n                          <table class=\"border-[#959595] border-b-[1px] pl-[4px] pb-[40px] pt-[40px] w-full block md:pl-[10px] xl:pl-[8px]\">\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Birthday<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u00d7<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Sign<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u00d7<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Blood type<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u00d7<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Height<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">155 cm<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Weight<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">42 kg<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Like<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">Nobeta<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] group align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[50px] leading-[22px] pb-[10px] group-last:pb-0 md:leading-[24px] md:min-w-[80px] xl:leading-[35px]\" style=\"color:#7D5388\">Hate<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pb-[10px] pl-[4px] group-last:pb-0 md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">Playing nanny<\/td>\r\n                            <\/tr>\r\n                          <\/table>\r\n                          <div>\r\n                            <p class=\"text-[#707070] whitespace-pre-wrap text-[13px]\/[22px] border-[#959595] border-b-[1px] py-[20px] px-[6px] md:text-[16px]\/[32px] md:py-[30px] md:px-[20px] xl:text-[20px]\/[35px] xl:py-[40px] xl:px-[6px]\">She speaks viciously, a servant of the great witch Nobeta, she&#8217;s very loyal to her master.<br>She&#8217;s bestia that can fully transform into beast form. Her tribe was destroyed by the Church during her youth and she was saved by Nobeta at her dying moment, since then she was determined to revenge.<br>Guides the little witch in her adventure in the castle.\r\n                            <\/p>\r\n                          <\/div>\r\n                          <table class=\"pt-[20px] pl-[4px] w-full block md:pt-[30px] md:pl-[10px] xl:pt-[40px] xl:pl-[8px]\">\r\n                            <tr class=\"text-[13px] align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[77px] leading-[22px] md:leading-[24px] md:min-w-[140px] xl:leading-[35px] xl:min-w-[120px]\" style=\"color:#7D5388\">Character Design<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pl-[4px] md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">LM<\/td>\r\n                            <\/tr>\r\n                            <tr class=\"text-[13px] align-top md:text-[16px] xl:text-[20px]\">\r\n                              <td class=\"font-bold whitespace-nowrap min-w-[77px] leading-[22px] md:leading-[24px] md:min-w-[140px] xl:leading-[35px] xl:min-w-[120px]\" style=\"color:#7D5388\">CV<\/td>\r\n                              <td class=\"text-[#707070] leading-[22px] pl-[4px] md:leading-[24px] md:pl-[10px] xl:leading-[35px] xl:pl-[8px]\">\u5c0f\u539f\u597d\u7f8e<\/td>\r\n                            <\/tr>\r\n                          <\/table>\r\n                        <\/div>\r\n                        <div class=\"absolute z-0 -bottom-[8px] left-[8px] rounded-[10px]  bg-cover h-full w-full overflow-auto md:-bottom-[20px] md:left-[20px] md:rounded-[18px] xl:-bottom-[40px] xl:left-[40px] xl:rounded-[20px] xl:min-h-[844px]\"><img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/background.jpg\"><\/div>\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"character-swiper-pagination flex items-center justify-center mt-[15px]\"><\/div>\r\n              <div class=\"swiper-button-prev hover:opacity-70 after:!hidden !top-[150px] md:!top-[300px] lg:!top-1\/2\" style=\"color:#CE98BC\"><img decoding=\"async\" class=\"svg w-full h-full\" src=\"\/assets\/common\/images\/works\/array.svg\"><\/div>\r\n              <div class=\"swiper-button-next hover:opacity-70 after:!hidden !top-[150px] md:!top-[300px] lg:!top-1\/2\" style=\"color:#CE98BC\"><img decoding=\"async\" class=\"svg w-full h-full rotate-180\" src=\"\/assets\/common\/images\/works\/array.svg\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"swiper_\"><\/div>\r\n          <div class=\"swiper_character_btn _js-anim flex-none mb-[40px] max-w-[300px] mx-auto md:max-w-[600px] lg:mb-0 lg:max-w-[960px]\">\r\n            <ul class=\"swiper-wrapper items-center flex-wrap justify-center !translate-x-0 [&amp;&gt;.swiper-slide-thumb-active]:bg-[#CE98BC]\">\r\n              <li class=\"swiper-slide bg-[#EFEFEF] w-[40px] h-[40px] mt-[10px] cursor-pointer mx-[6px] border-[4px] rounded-full overflow-hidden hover:bg-[#CE98BC] border-[#CE98BC] md:w-[75px] md:h-[75px] md:mx-[15px] lg:w-[90px] lg:h-[90px]\"><img decoding=\"async\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/Character_head_01_Nobeta.png\" alt=\"\"><\/li>\r\n              <li class=\"swiper-slide bg-[#EFEFEF] w-[40px] h-[40px] mt-[10px] cursor-pointer mx-[6px] border-[4px] rounded-full overflow-hidden hover:bg-[#CE98BC] border-[#CE98BC] md:w-[75px] md:h-[75px] md:mx-[15px] lg:w-[90px] lg:h-[90px]\"><img decoding=\"async\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/Character_head_02_Tania.png\" alt=\"\"><\/li>\r\n              <li class=\"swiper-slide bg-[#EFEFEF] w-[40px] h-[40px] mt-[10px] cursor-pointer mx-[6px] border-[4px] rounded-full overflow-hidden hover:bg-[#CE98BC] border-[#CE98BC] md:w-[75px] md:h-[75px] md:mx-[15px] lg:w-[90px] lg:h-[90px]\"><img decoding=\"async\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/Character_head_03_Monica.png\" alt=\"\"><\/li>\r\n              <li class=\"swiper-slide bg-[#EFEFEF] w-[40px] h-[40px] mt-[10px] cursor-pointer mx-[6px] border-[4px] rounded-full overflow-hidden hover:bg-[#CE98BC] border-[#CE98BC] md:w-[75px] md:h-[75px] md:mx-[15px] lg:w-[90px] lg:h-[90px]\"><img decoding=\"async\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/Character_head_04_Vanessa.png\" alt=\"\"><\/li>\r\n              <li class=\"swiper-slide bg-[#EFEFEF] w-[40px] h-[40px] mt-[10px] cursor-pointer mx-[6px] border-[4px] rounded-full overflow-hidden hover:bg-[#CE98BC] border-[#CE98BC] md:w-[75px] md:h-[75px] md:mx-[15px] lg:w-[90px] lg:h-[90px]\"><img decoding=\"async\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/Character_head_05_BlackCat.png\" alt=\"\"><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n    <div class=\"h-[195px] w-full relative bg-white\">\r\n      <canvas class=\"canvas-wave absolute bottom-0 z-10 [filter:invert(0%)_sepia(0%)_saturate(0%)_hue-rotate(116deg)_brightness(94%)_contrast(104%)]\"><\/canvas>\r\n      <canvas class=\"canvas-wave absolute bottom-0 left-0 right-0 z-0\"><\/canvas>\r\n    <\/div>\r\n    <section>\r\n      <div class=\"relative pb-[100px] bg-[#F6F3F1] tb:pb-[227px] -mt-[1px]\"><img decoding=\"async\" class=\"object-cover aspect-[2023\/779] absolute z-10 w-full\" src=\"\/assets\/common\/images\/works\/video_bg.png\">\r\n        <div class=\"relative z-20\">\r\n          <div class=\"word_move no_active text-center mb-[38px]\">\r\n            <h2 class=\"font-candal text-[32px] tb:text-[56px] pc:text-[80px]\" style=\"color:#CE98BC\"><span class=\"inline-block\" style=\"transition-delay:0s;\">G<\/span><span class=\"inline-block\" style=\"transition-delay:0.05s;\">a<\/span><span class=\"inline-block\" style=\"transition-delay:0.1s;\">m<\/span><span class=\"inline-block\" style=\"transition-delay:0.15000000000000002s;\">e<\/span>\r\n            <\/h2>\r\n          <\/div>\r\n          <ul class=\"max-w-[1400px] mx-auto w-full px-[3%] relative z-10 tb:px-[20px]\">\r\n            <li class=\"items-center justify-between group tb:flex mb-[40px] tb:mb-[60px] pc:mb-[80px] last:mb-0 even:flex-row-reverse\">\r\n              <div class=\"_js-anim max-w-[960px] w-full mb-[15px] tb:mb-0\"><img decoding=\"async\" class=\"w-full rounded-[10px] aspect-[960\/540] shadow-lg tb:rounded-[20px] pc:rounded-[30px]\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/nobeta_960x540.jpg\" alt=\"\"><\/div>\r\n              <div class=\"_js-anim font-noto_sans_tc flex-none w-full tb:max-w-[260px] tb:group-odd:pl-[20px] tb:group-even:pr-[20px] pc:max-w-[400px] pc:group-odd:pl-[40px] pc:group-even:pr-[40px]\">\r\n                <div>\r\n                  <p class=\"text-[#FFFFFF] inline-block mb-[10px] text-[13px] leading-[13px] bg-[#707070] rounded-[7px] py-[5px] pl-[11px] pr-[15px] tb:text-[16px] tb:leading-[16px]\">3D shooter game (co-developed)<\/p>\r\n                  <div class=\"font-bold mb-[13px] tb:mb-[18px] pc:mb-[25px]\" style=\"color:#7D5388\">\r\n                    <h3 class=\"text-[24px] leading-[24px] tb:text-[32px] tb:leading-[48px] pc:text-[40px] pc:leading-[60px]\">Little Witch Nobeta<span class=\"text-[20px] leading-[20px] block tb:text-[24px] tb:leading-[26px] pc:text-[32px] pc:leading-[48px]\"><\/span><\/h3>\r\n                  <\/div>\r\n                  <p class=\"text-[#707070] text-[13px] leading-[13px] font-noto_sans_tc mb-[13px] tb:text-[16px] tb:leading-[16px] tb:mb-[18px] tb:min-h-[24px] pc:text-[20px] pc:leading-[20px] pc:mb-[28px] pc:min-h-[80px]\">2020 \/ PupuyaGames, SimonCreative<\/p>\r\n                <\/div>\r\n                <ul class=\"text-[#707070] text-[13px] leading-[13px] flex items-center pc:text-[16px] pc:leading-[20px]\">\r\n                  <li class=\"mr-[25px] last:mr-0\"><a class=\"flex items-center\" href=\"https:\/\/store.steampowered.com\/app\/1049890\/Little_Witch_Nobeta\/\" target=\"_blank\" rel=\"noopener\">\r\n                      <p class=\"underline-offset-2 underline mb-[4px] mr-[2px]\">STEAM<\/p><img decoding=\"async\" class=\"svg w-[12px] h-[12px] text-[#707070] pc:w-[15px] pc:h-[15px] group-hover\/link:brightness-0 group-hover\/link:invert\" src=\"\/assets\/common\/images\/shop_link_icon.svg\"><\/a><\/li>\r\n                  <li class=\"mr-[25px] last:mr-0\"><a class=\"flex items-center\" href=\"https:\/\/www.littlewitchnobeta.com\/\" target=\"_blank\" rel=\"noopener\">\r\n                      <p class=\"underline-offset-2 underline mb-[4px] mr-[2px]\">Official Website<\/p><img decoding=\"async\" class=\"svg w-[12px] h-[12px] text-[#707070] pc:w-[15px] pc:h-[15px] group-hover\/link:brightness-0 group-hover\/link:invert\" src=\"\/assets\/common\/images\/shop_link_icon.svg\"><\/a><\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n    <div class=\"-scale-y-100 h-[30px] w-full bg-white bg-[url('\/assets\/common\/images\/green_wave.png')] bg-repeat-x animate-[bg-move-x_2s_linear_infinite]\"><\/div>\r\n    <section class=\"bg-white py-[43px] -mt-[1px] md:py-[76px] lg:py-[150px]\">\r\n      <div class=\"relative pb-[64px] sm:pb-0\">\r\n        <div class=\"top-0 bottom-0 px-[3%] flex justify-between mb-[20px] sm:flex sm:justify-between sm:mb-[40px] md:absolute md:left-[30px] md:px-0 md:flex-col md:mb-0 md:max-h-[348px] lg:left-[100px] lg:max-h-[400px]\">\r\n          <div class=\"_js-anim\">\r\n            <h2 class=\"text-[32px]\/[32px] font-candal whitespace-nowrap md:text-[56px]\/[56px] md:whitespace-pre-wrap lg:text-[80px]\/[80px]\" style=\"color:#CE98BC\">Book<br>Series<\/h2>\r\n          <\/div>\r\n          <div class=\"swiper_works_book_btn swiper _js-anim !pb-0 !pt-[20px] !mr-0 !ml-0 absolute bottom-0 left-0 !px-[3%] sm:relative sm:!px-0 sm:!pb-[22px] sm:!pt-0\">\r\n            <div class=\"swiper-wrapper\">\r\n              <div class=\"swiper-slide absolute left-0 top-0 w-0\"><\/div>\r\n              <div class=\"swiper-slide absolute left-0 top-0 w-0\"><\/div>\r\n            <\/div>\r\n            <div class=\"flex items-center\">\r\n              <div class=\"swiper-pagination !relative !w-auto text-[16px] font-noto_sans_tc font-bold mr-[20px]\" style=\"color:#384A7C\"><\/div>\r\n              <div class=\"swiper-button-prev group !relative !right-0 !left-0 !w-auto !h-[40px] inline-block mr-[10px] after:!hidden\">\r\n                <div>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"40\">\r\n                    <g fill=\"none\" stroke=\"#CE98BC\" stroke-width=\"2\">\r\n                      <ellipse cx=\"25\" cy=\"20\" stroke=\"none\" rx=\"25\" ry=\"20\"><\/ellipse>\r\n                      <ellipse cx=\"25\" cy=\"20\" rx=\"24\" ry=\"19\"><\/ellipse>\r\n                    <\/g>\r\n                  <\/svg>\r\n                <\/div>\r\n                <div class=\"absolute top-0 left-0\">\r\n                  <svg class=\"[stroke-dasharray:136px] [stroke-dashoffset:136px] transition-all duration-[800ms] group-hover:[stroke-dashoffset:0px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"40\">\r\n                    <g fill=\"none\" stroke=\"#384A7C\" stroke-width=\"2\">\r\n                      <ellipse cx=\"25\" cy=\"20\" stroke=\"none\" rx=\"25\" ry=\"20\"><\/ellipse>\r\n                      <ellipse cx=\"25\" cy=\"20\" rx=\"24\" ry=\"19\"><\/ellipse>\r\n                    <\/g>\r\n                  <\/svg>\r\n                <\/div>\r\n                <div class=\"absolute top-0 left-0 bottom-0 right-0\">\r\n                  <div class=\"flex items-center justify-center h-full w-full ml-0 -mt-[3px]\">\r\n                    <div class=\"overflow-hidden w-[14px] whitespace-nowrap\" style=\"color:#CE98BC\"><img decoding=\"async\" class=\"svg inline-block transition-all duration-[600ms] ml-0 !w-[18px] !h-[28px] group-hover:-ml-[23px]\" src=\"\/assets\/common\/images\/works\/book_array.svg\"><img decoding=\"async\" class=\"svg inline-block ml-[5px] !w-[18px] !h-[28px]\" src=\"\/assets\/common\/images\/works\/book_array.svg\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"swiper-button-next group !relative !right-0 !left-0 !w-auto !h-[40px] inline-block after:!hidden\">\r\n                <div>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"40\">\r\n                    <g fill=\"none\" stroke=\"#CE98BC\" stroke-width=\"2\">\r\n                      <ellipse cx=\"25\" cy=\"20\" stroke=\"none\" rx=\"25\" ry=\"20\"><\/ellipse>\r\n                      <ellipse cx=\"25\" cy=\"20\" rx=\"24\" ry=\"19\"><\/ellipse>\r\n                    <\/g>\r\n                  <\/svg>\r\n                <\/div>\r\n                <div class=\"absolute top-0 left-0\">\r\n                  <svg class=\"[stroke-dasharray:136px] [stroke-dashoffset:136px] transition-all duration-[800ms] group-hover:[stroke-dashoffset:0px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"40\">\r\n                    <g fill=\"none\" stroke=\"#384A7C\" stroke-width=\"2\">\r\n                      <ellipse cx=\"25\" cy=\"20\" stroke=\"none\" rx=\"25\" ry=\"20\"><\/ellipse>\r\n                      <ellipse cx=\"25\" cy=\"20\" rx=\"24\" ry=\"19\"><\/ellipse>\r\n                    <\/g>\r\n                  <\/svg>\r\n                <\/div>\r\n                <div class=\"absolute top-0 left-0 bottom-0 right-0\">\r\n                  <div class=\"flex items-center justify-center h-full w-full ml-0 mt-[2px]\">\r\n                    <div class=\"overflow-hidden w-[14px] whitespace-nowrap rotate-180\" style=\"color:#CE98BC\"><img decoding=\"async\" class=\"svg inline-block transition-all duration-[600ms] ml-0 !w-[18px] !h-[28px] group-hover:-ml-[23px]\" src=\"\/assets\/common\/images\/works\/book_array.svg\"><img decoding=\"async\" class=\"svg inline-block ml-[5px] !w-[18px] !h-[28px]\" src=\"\/assets\/common\/images\/works\/book_array.svg\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"swiper_works_book swiper _js-anim-leftin !py-0 md:ml-[280px] lg:ml-[410px]\">\r\n          <ul class=\"swiper-wrapper\">\r\n            <li class=\"swiper-slide w-[168px] font-noto_sans_tc md:w-[240px] lg:w-[276px]\"><img decoding=\"async\" class=\"w-full bg-slate-400 rounded-[20px] shadow-lg mb-[10px]\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/nobeta-01.jpg\" alt=\"\">\r\n              <p class=\"text-[13px] md:text-[16px] lg:text-[20px]\" style=\"color:#7D5388\">\u5c0f\u9b54\u5973\u8afe\u8c9d\u5854\u5916\u50b3\u5c0f\u8aaa\uff5e\u5854\u59ae\u4e9e\u7684\u8ffd\u61b6\u4e4b\u8a69\uff5e<\/p>\r\n              <p class=\"text-[#707070] text-[13px] lg:text-[16px]\">2022 \/ Light novel \/ Tong Li Publ.<\/p>\r\n            <\/li>\r\n            <li class=\"swiper-slide w-[168px] font-noto_sans_tc md:w-[240px] lg:w-[276px]\"><img decoding=\"async\" class=\"w-full bg-slate-400 rounded-[20px] shadow-lg mb-[10px]\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/nobeta-02.jpg\" alt=\"\">\r\n              <p class=\"text-[13px] md:text-[16px] lg:text-[20px]\" style=\"color:#7D5388\">\u5c0f\u9b54\u5973\u8afe\u8c9d\u5854<\/p>\r\n              <p class=\"text-[#707070] text-[13px] lg:text-[16px]\">2022 \/ Light novel \/ Tong Li Publ.<\/p>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n    <div class=\"h-[30px] w-full bg-white bg-[url('\/assets\/common\/images\/green_wave.png')] bg-repeat-x animate-[bg-move-x_2s_linear_infinite]\"><\/div>\r\n    <section class=\"bg-[#F6F3F1] pt-[37px] text-center -mt-[1px] md:pt-[33px] lg:pt-[75px]\">\r\n      <h2 class=\"_js-anim text-[#384A7C] text-[20px] mb-[19px] md:text-[32px] md:mb-[28px] lg:text-[40px] lg:mb-[38px]\">Our Partners<\/h2>\r\n      <ul class=\"_js-anim flex justify-center items-center mb-[30px] flex-wrap md:mb-[60px]\">\r\n        <li><img decoding=\"async\" class=\"mx-[10px] mt-[10px] max-w-[83px] md:mx-[20px] md:max-w-[133px] lg:mx-[30px] lg:max-w-none\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/Pupuya_logo.png\" alt=\"\"><\/li>\r\n        <li><img decoding=\"async\" class=\"mx-[10px] mt-[10px] max-w-[83px] md:mx-[20px] md:max-w-[133px] lg:mx-[30px] lg:max-w-none\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/Justdan_logo.png\" alt=\"\"><\/li>\r\n        <li><img decoding=\"async\" class=\"mx-[10px] mt-[10px] max-w-[83px] md:mx-[20px] md:max-w-[133px] lg:mx-[30px] lg:max-w-none\" src=\"\/assets\/common\/images\/works\/little-witch-nobeta\/tongli_logo.png\" alt=\"\"><\/li>\r\n      <\/ul>\r\n      <div class=\"h-[6px] w-full bg-[#7FCFF4] md:h-[17px] lg:h-[30px]\"><\/div>\r\n    <\/section>\r\n  <\/div>\r\n<\/main>\n","protected":false},"excerpt":{"rendered":"Little Witch Nobeta Just reach the throne, and then&#8230;&#8230;maybe I can learn where I am from. To unveil the secret of her past, Nobeta the little witch arrived at the castle alone.After her encounter with the mysterious black cat,she battled her way through powerful crafted souls and studied powerful magics and abilities.What secret awaits her [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":64,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_locale":"en_US","_original_post":"https:\/\/simoncreatives.com\/?page_id=67","footnotes":""},"class_list":["post-71","page","type-page","status-publish","hentry","en-US"],"_links":{"self":[{"href":"https:\/\/simoncreatives.com\/wp-json\/wp\/v2\/pages\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simoncreatives.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/simoncreatives.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/simoncreatives.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/simoncreatives.com\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":36,"href":"https:\/\/simoncreatives.com\/wp-json\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":1401,"href":"https:\/\/simoncreatives.com\/wp-json\/wp\/v2\/pages\/71\/revisions\/1401"}],"up":[{"embeddable":true,"href":"https:\/\/simoncreatives.com\/wp-json\/wp\/v2\/pages\/64"}],"wp:attachment":[{"href":"https:\/\/simoncreatives.com\/wp-json\/wp\/v2\/media?parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}