diff --git a/src/assets/images/title-block.svg b/src/assets/images/title-block.svg
new file mode 100644
index 0000000..8c77521
--- /dev/null
+++ b/src/assets/images/title-block.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/scss/blocktitle.scss b/src/assets/scss/blocktitle.scss
new file mode 100644
index 0000000..b19823f
--- /dev/null
+++ b/src/assets/scss/blocktitle.scss
@@ -0,0 +1,37 @@
+$fontFamily: "Noto Serif CJK TC -Black";
+
+div.block.title {
+ display: flex;
+ justify-content: center;
+
+ font-size: 26px;
+ font-family: $fontFamily;
+ font-weight: bold;
+
+ line-height: 1.44;
+
+ margin: 36px 0;
+
+ span.text {
+ display: contents;
+
+ &::before, &::after {
+ display: inline-block;
+ content: '';
+ width: 1.44em;
+ height: 1.44em;
+ margin: auto;
+ vertical-align: middle;
+ background-image: url('../assets/images/title-block.svg');
+ background-size: contain;
+ }
+
+ &::before {
+ margin-right: 18px;
+ }
+
+ &::after {
+ margin-left: 18px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/components/BlockTitle.vue b/src/components/BlockTitle.vue
new file mode 100644
index 0000000..e81a78b
--- /dev/null
+++ b/src/components/BlockTitle.vue
@@ -0,0 +1,17 @@
+
+
+ {{ text }}
+
+
+
+
+
\ No newline at end of file