@charset "utf-8";
/* 文字化け防止 */
/* CSS Document */

@media (max-width:768px){

.RoiWrap{
	width:95%;
}

.RoiHero{
	padding:100px 0 20px;
}

.RoiHeroMain,
.RoiHeroSide,
.RoiCard,
.RoiResultCard,
.RoiCtaCard,
.RoiNoteBox{
	padding:18px;
}

.RoiH1{
	font-size:25px;
	line-height:1.35;
}

.RoiHeroLead{
	font-size:14px;
}

.RoiHeroPoints,
.RoiFormGrid,
.RoiMetricGrid{
	grid-template-columns:1fr;
}

.RoiPresetButtons{
	grid-template-columns:1fr;
}

.RoiResultTop{
	flex-direction:column;
}

.RoiScoreBadge{
	width:100%;
}

.RoiActionBar,
.RoiHeroButtons{
	flex-direction:column;
}

.RoiBtn{
	width:100%;
}

.RoiInlineToggle{
	flex-direction:column;
	align-items:flex-start;
}

.RoiToggleBtn{
	width:100%;
}

.RoiSectionHead h2{
	font-size:24px;
}

.RoiValue{
	font-size:24px;
}

.RoiScenarioTable{
	min-width:100%;
}

.RoiTableWrap{
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}

.RoiPill{
	width:100%;
	justify-content:flex-start;
}

.RoiDiagItem,
.RoiMetric,
.RoiHeroPoint{
	padding:14px;
}

.RoiCtaCard h4{
	font-size:17px;
}

.RoiNoteBox li{
	font-size:13px;
}

}