サブタイトルを入れるcss

見本（一例）

https://gyazo.com/549009c7ab5fcbf4fb8a6c5b90d82e93

スマホ

https://gyazo.com/56fac00e397d32f82c7c47d00823946c

今の見た目

https://gyazo.com/31942d66eb8679c04fbf98aca01f5dcc

code:style.css

/* プロジェクトタイトルのスタイル */

.project-home > .title {

line-height: 2em;

display: flex;

}

/* プロジェクトタイトルのロゴ */

.project-home > .title::after {

content: '';

width: 90px; /* ロゴの幅を適切なサイズに調整 */

height: 45px; /* ロゴの高さを適切なサイズに調整 */

margin-left: 12px; /* タイトルとロゴの間隔を調整 */

background-image: url('/api/pages/arpla/アープラ/icon'); /* ロゴのパスを指定 */

background-size: contain;

background-repeat: no-repeat;

}

/* サブタイトルのスタイル */

.project-home > .title::before {

content: "\A　思想・哲学・文学・芸術の会";

font-size: 0.8em;

color: #00ffff ;

white-space: pre;

margin-right: -203px; /* タイトルとサブタイトルの間隔を調整 */