.q_content_area { 
	-webkit-print-color-adjust: exact; /* 背景色や線を印刷 */
		background: white;
		margin: 35px 0 0 0 !important; 
		padding: 0 0 150px 0; 
		border:1px solid red;
		border:1px solid transparent;
}
.wrapper { max-width: 570px; 
			width: 100%; padding: 15px 10px; background-color: #ffffff; font-family: sans-serif; box-sizing: border-box; margin: 0 auto 20px auto; }
.title { font-size: 14px; font-weight: normal; margin-bottom: -4px; margin-left:-5px; }
.header-line { width: 100%; border: none; border-bottom: 1px solid #888; margin: 0 -40px 10px -5px; }
.content-area { display: flex; align-items: flex-start; gap: 15px; }
table { border-collapse: collapse; 
		font-size: 13px; 
		table-layout: fixed; 
		width: 162px; 
}
td { border: 1px solid #666; 
		padding: 0 6px; 
		height: 15px; 
		line-height: 20px; overflow: hidden; white-space: nowrap; }
.col-name { 
		width: 135px;
		min-width: 10rem;
}
.android .col-name { 
		width: 160px;
		min-width: 10rem;
		font-size: 1rem;
}
.col-val { 
		width: 45px; 
		font-size: 14px; 
		text-align: right; }
.android .col-val { 
		font-size: 1rem; 
}
.chart-container { width: 330px; 
		margin: -15px 0 0 0px; 
		overflow: visible; }
.leader-line { stroke: #999; stroke-width: 1px; fill: none !important; }
.label-text { 
		font-size: 13px; 
		fill: #333; line-height: 1.1; }
.android .label-text { 
		font-size: 1rem; 
}
.percent-text { 
		font-size: .8rem; 
		fill: #666; 
		font-weight: bold;
		transform: scaleX(1.1);
 }
.android .percent-text { 
		font-size: 1rem; 
}
@media (max-width: 600px) { .content-area { flex-direction: column; align-items: center; } .chart-container { margin-top: 10px; } 
table { font-size: 14px; } 
.label-text { font-size: 14px; } 
.percent-text { font-size: 14px; } 
}
@media print {
	.q_content_print_space_ {
			margin-top:-5px;
	}
	.q_content_print_space {
			height:5px;
	}
	.q_content_area { 
		-webkit-print-color-adjust: exact; /* 背景色や線を強制的に印刷 */
			background: white;
			margin: 35px 0 0 0 !important;
			padding: 0; 
			/*border:2px solid red;*/
			zoom:96%;
	}
	.wrapper { max-width: 100%; width: 100%; 
				margin: -25px 0 0px 0; 

				padding: 0 5px; 
				page-break-inside: avoid; break-inside: avoid; 
				/* タイトルの途中で改ページされるのを「絶対に」防ぐ */
				break-inside: avoid-page !important;
				-webkit-column-break-inside: avoid !important;
				page-break-inside: avoid !important;
		
				/* 各タイトルの塊が終わった後に、可能であれば改ページを許可する */
				break-after: auto !important;
				page-break-after: auto !important;
		
				display: block !important; /* 印刷時にレイアウトが崩れないようブロック化 */
				position: relative !important;
	}
	/* 表（table）自体の途中改ページも禁止 */
	table {
		break-inside: avoid !important;
		page-break-inside: avoid !important;
	}
	.content-area { display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: flex-start !important; }
	.chart-container { 
		margin: -25px 0 0 10px !important;
		margin: -29px 0 4px 15px !important;
		break-inside: avoid !important;
		page-break-inside: avoid !important;
	}
}
.q_content_end_space {
		height:100px;
}