{"id":667,"date":"2024-01-21T00:14:53","date_gmt":"2024-01-20T16:14:53","guid":{"rendered":"https:\/\/simoncreatives.com\/?page_id=667"},"modified":"2025-11-11T17:34:57","modified_gmt":"2025-11-11T09:34:57","slug":"maho_shojo_ipass","status":"publish","type":"page","link":"https:\/\/simoncreatives.com\/en\/works\/maho_shojo_ipass\/","title":{"rendered":"Magical Girl with iPASS card"},"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\/maho_shojo_ipass\/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:#464EA3\">\r\n            <h1 class=\"text-[32px] md:text-[42px] xl:text-[56px]\">Magical Girl with iPASS card<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:#9165A9\">An ordinary high school girl from Taiwan&#8230; until &quot;Agent P&quot; broke into her life and bring her into the war of magical girl, raising price of energies, fuels and inflation(?)\r\n          <\/p>\r\n          <p class=\"_js-anim text-[#707070] text-[13px]\/[22px] pb-[40px] md:text-[16px]\/[32px] xl:text-[20px]\/[40px]\">&quot;Did you know? Every iPass has magic in it!&quot;<br>&quot;Join us, and you&#8217;ll get all the discount!&quot;<br>A calculative high school girl accepts her duty as magical girl, use the balance in the card to activate your mana! The card is magic!\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-[#9165A9] hover:text-[#464EA3]\" href=\"https:\/\/www.facebook.com\/maho.shojo.ipass\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"svg\" src=\"\/assets\/common\/images\/works\/fb.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:#464EA3\">Introduction<\/h2>\r\n          <p class=\"_js-anim text-[#707070] text-[13px] md:text-[16px] lg:text-[20px]\">&quot;iPass&quot; is the most popular transport pass and e-purse. In May 2015, Simon collaborated with iPASS and launched &quot;Magical Girl with iPASS card&quot;, for the promotion of iPASS.\r\n          <\/p><br>\r\n          <p class=\"_js-anim text-[#707070] text-[13px] md:text-[16px] lg:text-[20px]\">As a magical girl, Pa can transform into 3 forms, each colors reflecting the color of iPASS logo and uses:<br>\u25cf The warm orange, symbol of small amount payment, e-purse and various functionalities.<br>\u25cf The environmental-friendly green, symbol of public transport, green traveling.<br>\u25cf The meticulous, professional blue, symbol of government fees such as medical, library fees, your daily spending.\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\/maho_shojo_ipass\/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:#B696DB\">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\/maho_shojo_ipass\/Character_word_01_ipass.png\" alt=\"\"><img decoding=\"async\" class=\"max-w-[200px] md:max-w-[470px] xl:max-w-none\" src=\"\/assets\/common\/images\/works\/maho_shojo_ipass\/Character_01_ipass.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:#845CB2\">\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]\">Pa\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:#845CB2\">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 May<\/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:#845CB2\">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]\">Taurus<\/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:#845CB2\">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]\">AB<\/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:#845CB2\">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]\">157 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:#845CB2\">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]\">47 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:#845CB2\">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]\">Discount, kitties<\/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:#845CB2\">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]\">Raised price, salesman<\/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]\">An ordinary high school girl from Taiwan&#8230; carries iPASS everywhere, more calculative than the housewives at the market. Got involved in the war of magical girl, raising price of energies, fuels and inflation because of &quot;Agent P&quot;\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:#845CB2\">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]\">\u8ff7\u5b50\u71d2<\/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\/maho_shojo_ipass\/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\/maho_shojo_ipass\/Character_word_02_orange.png\" alt=\"\"><img decoding=\"async\" class=\"max-w-[200px] md:max-w-[470px] xl:max-w-none\" src=\"\/assets\/common\/images\/works\/maho_shojo_ipass\/Character_02_orange.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:#845CB2\">\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]\">Pa(orange)\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:#845CB2\">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 May<\/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:#845CB2\">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]\">Taurus<\/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:#845CB2\">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]\">AB<\/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:#845CB2\">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]\">157 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:#845CB2\">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]\">47 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:#845CB2\">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]\">Discount, kitties<\/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:#845CB2\">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]\">Raised price, salesman<\/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]\">As a magical girl, \u5c0f\u5e15 can transform into 3 forms, each colors reflecting the color of iPASS logo and uses:<br>The warm orange, symbol of small amount payment, e-purse and various functionalities.<br>&quot;iPASS Magic, life&#8217;s so easy!&quot;\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:#845CB2\">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]\">\u5154\u59ec<\/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\/maho_shojo_ipass\/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\/maho_shojo_ipass\/Character_word_03_green.png\" alt=\"\"><img decoding=\"async\" class=\"max-w-[200px] md:max-w-[470px] xl:max-w-none\" src=\"\/assets\/common\/images\/works\/maho_shojo_ipass\/Character_03_green.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:#845CB2\">\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]\">Pa(green)\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:#845CB2\">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 May<\/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:#845CB2\">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]\">Taurus<\/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:#845CB2\">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]\">AB<\/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:#845CB2\">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]\">157 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:#845CB2\">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]\">47 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:#845CB2\">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]\">Discount, kitties<\/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:#845CB2\">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]\">Raised price, salesman<\/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 environmental-friendly green, symbol of public transport, green traveling.<br>&quot;iPASS Magic, travel everywhere!&quot;\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:#845CB2\">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]\">\u7dcb\u83ef<\/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\/maho_shojo_ipass\/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\/maho_shojo_ipass\/Character_word_04_blue.png\" alt=\"\"><img decoding=\"async\" class=\"max-w-[200px] md:max-w-[470px] xl:max-w-none\" src=\"\/assets\/common\/images\/works\/maho_shojo_ipass\/Character_04_blue.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:#845CB2\">\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]\">Pa(blue)\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:#845CB2\">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 May<\/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:#845CB2\">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]\">Taurus<\/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:#845CB2\">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]\">AB<\/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:#845CB2\">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]\">157 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:#845CB2\">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]\">47 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:#845CB2\">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]\">Discount, kitties<\/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:#845CB2\">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]\">Raised price, salesman<\/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 meticulous, professional blue, symbol of government fees such as medical, library fees, your daily spending.<br>&quot;iPASS Magic, efficient and convenient!&quot;\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:#845CB2\">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]\">Riv<\/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\/maho_shojo_ipass\/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\/maho_shojo_ipass\/Character_word_05_P.png\" alt=\"\"><img decoding=\"async\" class=\"max-w-[200px] md:max-w-[470px] xl:max-w-none\" src=\"\/assets\/common\/images\/works\/maho_shojo_ipass\/Character_05_P.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:#845CB2\">\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]\">Agent P\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:#845CB2\">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]\">\uff1f\uff1f\uff1f<\/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:#845CB2\">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]\">\uff1f\uff1f\uff1f<\/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:#845CB2\">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]\">\uff1f\uff1f\uff1f<\/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:#845CB2\">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]\">50 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:#845CB2\">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]\">8 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:#845CB2\">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]\">Girls with potential<\/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:#845CB2\">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]\">Alcohol\/cigarette addicted men<\/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]\">&quot;Now&#8230; sign the contract with me!!&quot;<br>The super manager from the iPASS Agency, ready to recruit all girls potential and turn them into magical girls!\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:#845CB2\">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]\">\u5154\u59ec<\/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\/maho_shojo_ipass\/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\/maho_shojo_ipass\/Character_word_06_fairy.png\" alt=\"\"><img decoding=\"async\" class=\"max-w-[200px] md:max-w-[470px] xl:max-w-none\" src=\"\/assets\/common\/images\/works\/maho_shojo_ipass\/Character_06_fairyAir.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:#845CB2\">\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]\">Air\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:#845CB2\">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]\">19th of April<\/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:#845CB2\">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]\">Aries<\/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:#845CB2\">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]\">\uff1f\uff1f\uff1f<\/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:#845CB2\">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]\">30 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:#845CB2\">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]\">0.0531 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:#845CB2\">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]\">Green plants, air purifier<\/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:#845CB2\">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]\">Loud noise, dirty air, being called an eraser<\/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]\">Air the air girl, right here she&#8217;s dressed in green as a forest elf, you can sense the pure energy of nature from her.\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:#845CB2\">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]\">\u7dcb\u83ef<\/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\/maho_shojo_ipass\/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\/maho_shojo_ipass\/Character_word_07_minister.png\" alt=\"\"><img decoding=\"async\" class=\"max-w-[200px] md:max-w-[470px] xl:max-w-none\" src=\"\/assets\/common\/images\/works\/maho_shojo_ipass\/Character_07_minister.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:#845CB2\">\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]\">Chief\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:#845CB2\">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]\">5th of March<\/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:#845CB2\">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]\">Pisces<\/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:#845CB2\">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]\">\uff1f\uff1f\uff1f<\/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:#845CB2\">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]\">75 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:#845CB2\">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]\">1 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:#845CB2\">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]\">Singing, everything efficient<\/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:#845CB2\">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]\">Unmotivated people<\/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]\">&quot;Lets out an aura of king, walks like a general&quot; That&#8217;s how everyone see chief around the office.<br>In fact, he is just a middle-age man with a fragile heart, always gets emotional and looks for people to talk to when he&#8217;s drunk.\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:#845CB2\">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]\">Riv<\/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\/maho_shojo_ipass\/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:#B696DB\"><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:#B696DB\"><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-[#B696DB]\">\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-[#B696DB] border-[#B696DB] md:w-[75px] md:h-[75px] md:mx-[15px] lg:w-[90px] lg:h-[90px]\"><img decoding=\"async\" src=\"\/assets\/common\/images\/works\/maho_shojo_ipass\/Character_head_01_iPASS.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-[#B696DB] border-[#B696DB] md:w-[75px] md:h-[75px] md:mx-[15px] lg:w-[90px] lg:h-[90px]\"><img decoding=\"async\" src=\"\/assets\/common\/images\/works\/maho_shojo_ipass\/Character_head_02_orange.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-[#B696DB] border-[#B696DB] md:w-[75px] md:h-[75px] md:mx-[15px] lg:w-[90px] lg:h-[90px]\"><img decoding=\"async\" src=\"\/assets\/common\/images\/works\/maho_shojo_ipass\/Character_head_03_green.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-[#B696DB] border-[#B696DB] md:w-[75px] md:h-[75px] md:mx-[15px] lg:w-[90px] lg:h-[90px]\"><img decoding=\"async\" src=\"\/assets\/common\/images\/works\/maho_shojo_ipass\/Character_head_04_blue.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-[#B696DB] border-[#B696DB] md:w-[75px] md:h-[75px] md:mx-[15px] lg:w-[90px] lg:h-[90px]\"><img decoding=\"async\" src=\"\/assets\/common\/images\/works\/maho_shojo_ipass\/Character_head_05_P.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-[#B696DB] border-[#B696DB] md:w-[75px] md:h-[75px] md:mx-[15px] lg:w-[90px] lg:h-[90px]\"><img decoding=\"async\" src=\"\/assets\/common\/images\/works\/maho_shojo_ipass\/Character_head_06_fairy.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-[#B696DB] border-[#B696DB] md:w-[75px] md:h-[75px] md:mx-[15px] lg:w-[90px] lg:h-[90px]\"><img decoding=\"async\" src=\"\/assets\/common\/images\/works\/maho_shojo_ipass\/Character_head_07_minister.png\" alt=\"\"><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\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:#B696DB\">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:#464EA3\"><\/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=\"#B696DB\" 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=\"#464EA3\" 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:#B696DB\"><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=\"#B696DB\" 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=\"#464EA3\" 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:#B696DB\"><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\/maho_shojo_ipass\/mTSgOST.jpg\" alt=\"\">\r\n              <p class=\"text-[13px] md:text-[16px] lg:text-[20px]\" style=\"color:#845CB2\">\u9b54\u6cd5\u5c11\u5973iPASS \u521d\u9858<\/p>\r\n              <p class=\"text-[#707070] text-[13px] lg:text-[16px]\">2016 \/ Light novel \/ Sharp Point 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\/maho_shojo_ipass\/Iq3eZSn.jpg\" alt=\"\">\r\n              <p class=\"text-[13px] md:text-[16px] lg:text-[20px]\" style=\"color:#845CB2\">\u9b54\u6cd5\u5c11\u5973iPASS \u771f\u5e7b<\/p>\r\n              <p class=\"text-[#707070] text-[13px] lg:text-[16px]\">2016 \/ Light novel \/ Sharp Point 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\/maho_shojo_ipass\/iPASS-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\/maho_shojo_ipass\/sharppoint_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":"Magical Girl with iPASS card An ordinary high school girl from Taiwan&#8230; until &quot;Agent P&quot; broke into her life and bring her into the war of magical girl, raising price of energies, fuels and inflation(?) &quot;Did you know? Every iPass has magic in it!&quot;&quot;Join us, and you&#8217;ll get all the discount!&quot;A calculative high school girl [&hellip;]","protected":false},"author":3,"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=81","footnotes":""},"class_list":["post-667","page","type-page","status-publish","hentry","en-US"],"_links":{"self":[{"href":"https:\/\/simoncreatives.com\/wp-json\/wp\/v2\/pages\/667","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/simoncreatives.com\/wp-json\/wp\/v2\/comments?post=667"}],"version-history":[{"count":9,"href":"https:\/\/simoncreatives.com\/wp-json\/wp\/v2\/pages\/667\/revisions"}],"predecessor-version":[{"id":11207,"href":"https:\/\/simoncreatives.com\/wp-json\/wp\/v2\/pages\/667\/revisions\/11207"}],"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=667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}