diff --git a/src/components/template/OssLicenseSection.vue b/src/components/template/OssLicenseSection.vue
index f566ecc281..e16868c1b6 100644
--- a/src/components/template/OssLicenseSection.vue
+++ b/src/components/template/OssLicenseSection.vue
@@ -55,6 +55,7 @@ const selectLicenseIndex = (index: number | undefined) => {
 <style scoped lang="scss">
 @use '@/styles/variables' as vars;
 @use '@/styles/colors' as colors;
+@use '@/styles/typography' as typography;
 
 .container {
   // 親コンポーネントからheightを取得できないため一時的にcalcを使用、HelpDialogの構造を再設計後100%に変更する
@@ -74,10 +75,8 @@ const selectLicenseIndex = (index: number | undefined) => {
   background-color: #fff;
 }
 
-.headline {
-  font-size: 1.5rem;
-  line-height: 1;
-  margin: 0;
+.title {
+  @include typography.headline-1;
 }
 
 .list {
diff --git a/src/styles/typography.scss b/src/styles/typography.scss
new file mode 100644
index 0000000000..3fdc872f1c
--- /dev/null
+++ b/src/styles/typography.scss
@@ -0,0 +1,6 @@
+@mixin headline-1 {
+  font-size: 1.5rem;
+  line-height: 2;
+  margin: 0;
+  font-weight: 600;
+}