/* セクション全体のスタイル */
.responsive-section-top {
	display: flex;
	justify-content: space-between;  /* 文字列と画像を横並び */
	align-items: center;            /* 文字列と画像を縦方向で中央揃え */
	gap: 20px;                      /* 文字列と画像の間にスペースを追加 */
}

/* 画像のスタイル（画像が縦長や横長の場合などの調整） */
.responsive-section-top .image img {
	max-width: 100%;
	height: auto;
	display: block;
}


.overlap-container {
	position: relative;
	width: 540px;
	height: 240px;
}
.overlap-text1, .overlap-text2 {
	position: absolute;
	top: 0;
	left: 10px;
}
.overlap-text2 {
	top: 44px;
	left: 120px; /* テキストの重なり具合を調整 */
}


.yuji-syuku-regular {
	font-family: "Yuji Syuku", serif;
	font-weight: 400;
	font-style: normal;
}


.custom-font-size {
	font-size: 5rem;  /* お好みのサイズを指定 */
}


/* レスポンシブ対応 */
@media (max-width: 768px) {
	.responsive-section-top {
		flex-direction: column;       /* 画面幅が768px以下になったら縦並びに変更 */
		align-items: flex-start;      /* 上に揃えて縦並びに */
	}
	
	.custom-font-size {
		font-size: 4rem;
	}
}