diff --git a/apps/web/app/components/TopPageSection.vue b/apps/web/app/components/TopPageSection.vue
index da83e22d..3e197eb7 100644
--- a/apps/web/app/components/TopPageSection.vue
+++ b/apps/web/app/components/TopPageSection.vue
@@ -1,11 +1,15 @@
 <script setup lang="ts">
 import { useI18n } from '#i18n'
 import { computed } from 'vue'
+import { useWithBase } from '#imports'
 
 const { locale } = useI18n()
 
+const withBase = useWithBase()
+
 const getAnchorPath = computed(
-  () => (anchor: string) => (locale.value === 'ja' ? `/${anchor}` : `/en/${anchor}`),
+  () => (anchor: string) =>
+    locale.value === 'ja' ? withBase(`/${anchor}`) : withBase(`/en/${anchor}`),
 )
 </script>
 
diff --git a/apps/web/app/composables/useWithBase.ts b/apps/web/app/composables/useWithBase.ts
new file mode 100644
index 00000000..bb767eb1
--- /dev/null
+++ b/apps/web/app/composables/useWithBase.ts
@@ -0,0 +1,11 @@
+import { useRuntimeConfig } from '#app'
+
+export function useWithBase() {
+  const baseUrl = useRuntimeConfig().app.baseURL
+
+  function withBase(path: string) {
+    return (baseUrl + path).replace(/\/\//g, '/')
+  }
+
+  return withBase
+}
\ No newline at end of file