.hinmoku_000 {
	padding-top: 2.3%;
	/* [disabled]padding-right: 5.38%; */
	/* [disabled]padding-left: 5.38%; */
	/* [disabled]padding-bottom: 5.38%; */
	margin-top: 2.3%;
}

.hinmoku_000_inner {
	position: relative;
	/* 親の幅を基準にする設定 */
	container-type: inline-size;
	/* [disabled]max-width: 800px; */
	width: 90%;
	margin: 0 auto; /* 上下 3.84% / 左右 5.38% */
	border-radius: 32px;
	background-color: #FFFFFF;
	border: 6px solid #E2513A;
	box-sizing: border-box;
	/* 文字が横に突き抜けないように */
	overflow: hidden;
}
.hinmoku_000_inner .hnmk000text1 {
	padding: 3.07%;
	background-color: #E2513A;
}
.hinmoku_000_inner .hnmk000text1 h3 {
	color: #FFFFFF;
	background-color: #920E14;
	padding-top: 2.3%;
	padding-right: 12.3%;
	padding-left: 12.3%;
	padding-bottom: 2.3%;
	border-radius: 100vh;
	text-align: center;
	font-size: 28px;
	line-height: 1.5em;
	background-image: url(../images/icon_w.svg),url(../images/icon_w.svg);
	background-repeat: no-repeat;
	background-position: 5% center,95% center;
	background-size: 56px auto;
	text-shadow: 1px 1px rgba(0,0,0,0.73);
}


.hnmk_000_box {
	padding-right: 5.38%;
	padding-left: 5.38%;
	padding-bottom: 5.38%;
	padding-top: 5.38%;
}


/* デカ文字の設定：背景ではなく通常の要素として配置 */
.bg-text-full {
	display: block;
	font-family: "Dela Gothic One", sans-serif;
	color: #FFFFFF; /* もし背景っぽくしたいなら rgba(226, 81, 58, 0.06) に戻してね */
	text-align: center;
	white-space: nowrap;
	/* Dela Gothic Oneの濁点を守るための余白設定 */
	line-height: 1;
	/* [disabled]margin-bottom: 20px; */ /* 下の文章との間隔 */
  /* JSから渡された文字数で計算。
     innerの幅いっぱい(100cqi)を文字数で割り、
     パディングを考慮して少し余裕（0.9）を持たせる */
  font-size: calc((100cqi / var(--chars, 10)) * 0.5);
	padding: 12px;
	background-color: #E2513A;
	text-shadow: 2px 2px rgba(0,0,0,0.35);
}

/* 中のテキスト用 */
.hinmoku_000_inner p {
  font-size: 20px;
  line-height: 1.8em;
  margin-bottom: 16px;
  color: #333; /* 文字色は適宜調整して */
}

.hinmoku_000_inner p:last-child {
  margin-bottom: 0px;
}

/* スマホ対応（フォントサイズが小さくなりすぎないよう微調整） */
@media (max-width: 480px) {
  .hinmoku_000_inner p {
    font-size: 16px;
  }
}

@media screen and (max-width:700px){
	
	.hinmoku_000_inner .hnmk000text1 {
	padding: 3.07%;
	background-color: #E2513A;
}
.hinmoku_000_inner .hnmk000text1 h3 {
	color: #FFFFFF;
	background-color: #920E14;
	padding-top: 56px;
	padding-right: 5.38%;
	padding-left: 5.38%;
	padding-bottom: 5.38%;
	border-radius: 16px;
	text-align: center;
	font-size: 22px;
	line-height: 1.5em;
	background-image: url(../images/icon_w.svg),url(../images/icon_w.svg);
	background-repeat: no-repeat;
	background-position: center 16px,95% center;
	background-size: 32px auto,0px auto;
	text-shadow: 1px 1px rgba(0,0,0,0.73);
}
	
	.hinmoku_000 {
	padding-top: 2.3%;
	padding-right: 5.38%;
	padding-left: 5.38%;
	padding-bottom: 5.38%;
	margin-top: 2.3%;
}

.hinmoku_000_inner {
	position: relative;
	/* 親の幅を基準にする設定 */
	container-type: inline-size;
	/* [disabled]max-width: 800px; */
	width: 100%;
	margin: 0 auto; /* 上下 3.84% / 左右 5.38% */
	border-radius: 16px;
	background-color: #FFFFFF;
	border: 6px solid #E2513A;
	box-sizing: border-box;
	/* 文字が横に突き抜けないように */
	overflow: hidden;
}
.hnmk_000_box {
	padding-right: 5.38%;
	padding-left: 5.38%;
	padding-bottom: 5.38%;
	padding-top: 5.38%;
}


/* デカ文字の設定：背景ではなく通常の要素として配置 */
.bg-text-full {
	display: block;
	font-family: "Dela Gothic One", sans-serif;
	color: #FFFFFF; /* もし背景っぽくしたいなら rgba(226, 81, 58, 0.06) に戻してね */
	text-align: center;
	white-space: nowrap;
	/* Dela Gothic Oneの濁点を守るための余白設定 */
	line-height: 1;
	/* [disabled]margin-bottom: 20px; */ /* 下の文章との間隔 */



  /* JSから渡された文字数で計算。
     innerの幅いっぱい(100cqi)を文字数で割り、
     パディングを考慮して少し余裕（0.9）を持たせる */
  font-size: calc((100cqi / var(--chars, 10)) * 0.9);
	padding-top: 2.3%;
	padding-right: 5.38%;
	padding-left: 5.38%;
	padding-bottom: 2.3%;
	background-color: #E2513A;
	text-shadow: 2px 2px rgba(0,0,0,0.35);
}

/* 中のテキスト用 */
.hinmoku_000_inner p {
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 16px;
	color: #333; /* 文字色は適宜調整して */
}

.hinmoku_000_inner p:last-child {
  margin-bottom: 0px;
}
}