@charset "UTF-8";

/* ================================================================================
inputArea
================================================================================ */
@media print, screen
{


#inputArea > .inner{	padding: var(--u30) 0; position: relative;	}



#inputArea h1
{
padding: 0.5em 1em;
margin: 0 0 var(--u30);

background-color: var(--Cgreen1);
text-align: center;
color: white;
font-size: var(--fz48);
font-weight: 500;
letter-spacing: 0.1em;
line-height: 1.3;
}

#inputArea form
{
	padding: 0 var(--u20);
}

#inputArea [class^="row"]
{
	display: flex;
	gap: var(--u20);
}
#inputArea .row3{	margin: 0 0 var(--u40);	}

#inputArea [class^="row"] > .box:nth-child(1)
{
	width: 15%;
	padding: var(--u10) 0;
}
#inputArea [class^="row"] > .box:nth-child(2)
{
	width: calc(100% - 15% - var(--u20));
	padding: var(--u10) 0;
}

#inputArea .row2 > .box:nth-child(2)
{
	border-top: 1px solid var(--Cgray0);
	border-bottom: 1px solid var(--Cgray0);
}
#inputArea .row3 > .box:nth-child(2)
{
	border-bottom: 1px solid var(--Cgray0);
}


#inputArea .row1 > .box:nth-child(2) > .inner
{
	background: var(--Cgray2);
}

#inputArea .row2 > .box:nth-child(1) > .inner,
#inputArea .row3 > .box:nth-child(1) > .inner
{
	position: relative;
	display: flex;	justify-content: center;	align-items: center;
	height: 100%;
	background: var(--Cgray2);
}

#inputArea .row4 > .box:nth-child(2) > .inner
{
	display: flex;	justify-content: end;	align-items: center;
	gap: var(--u20);
}


#inputArea [class^="row"] > .box:nth-child(2) ul
{
	display: flex;	align-items: stretch;
	gap: var(--u20);
}
#inputArea .row2 > .box:nth-child(2) ul:nth-child(1){	margin: 0 0 var(--u10);	}
#inputArea .row2 > .box:nth-child(2) ul:nth-child(3){	margin: var(--u10) 0 0;	}

#inputArea [class^="row"] > .box:nth-child(2) ul > li
{
	display: flex;
	width: calc((100% - var(--u20) * 2) / 3);
	background: var(--Cgray3);
	padding: var(--u10);
}
#inputArea [class^="row"] > .box:nth-child(2) ul > li > .box
{
	position: relative;
	display: flex;	justify-content: center;	align-items: center;
	width: 50%;	height: calc(160 * var(--u));
}
#inputArea [class^="row"] > .box:nth-child(2) ul > li > .box:nth-child(1){	background: var(--Cgray2);	}

#inputArea .items
{
	display: flex;	flex-direction: column;
	gap: var(--u10);
}
#inputArea .item
{
	display: flex;	align-items: end;
	gap: var(--u10);
}
#inputArea .item p
{
	font-size: var(--fz28);
}

#inputArea h2
{
	padding: 0.4em 0;

	font-size: var(--fz36);
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-align: center;
}
#inputArea h3
{
	font-size: var(--fz32);
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-align: center;
}
#inputArea h4
{
	font-size: var(--fz28);
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-align: center;
}

#inputArea [class^="nomanage"]
{
	position: absolute;
	left: var(--u10);	bottom: var(--u10);
	width: 100%;
	padding-left: var(--u40);

	font-size: var(--fz18);
}

#inputArea .B2
{
bottom: calc(2 * var(--u));
}

#inputArea .note
{
	position: absolute;
	left: 0;	bottom: var(--u20);
	width: 100%;

	font-size: var(--fz18);
	text-align: center;
}
#inputArea .unit
{
	position: absolute;
	right: var(--u10);	bottom: var(--u10);

	font-size: var(--fz28);
}

#inputArea input,
#inputArea select
{
	width: calc(130 * var(--u));
	padding: 0.25em;
	font-size: var(--fz36);
	text-align: center;
}

#inputArea [disabled]
{
	opacity: 0.3;
	pointer-events: none;
}

#inputArea .submit,
#inputArea .button
{
	display: flex;	justify-content: center;	align-items: center;
	width: calc(250 * var(--u));	height: calc(90 * var(--u));

	background: var(--Cgray0);

	color: white;
	font-size: var(--fz24);
	text-align: center;

	cursor: pointer;
}
#inputArea .button p{	line-height: 1.3;	}


#inputArea .buttonB
{
position: absolute;
top: calc(40 * var(--u));
right: var(--u20);
color: black;
background-color: white;
}

.off {
  display: none;
}





#inputArea .rnumber
{
position: absolute;
display: flex;
justify-content: center;
padding: calc(3 * var(--u));
top: calc(-8 * var(--u));
left: calc(-8 * var(--u));
height: calc(50 * var(--u));
width: calc(50 * var(--u));
background-color: red;
border: 3px solid white;
border-radius: calc(25 * var(--u));
font-size: var(--fz32);
color: white;
}


#inputArea [class^="border"]
{
position: relative;
}

#inputArea [class^="border"]::before
{
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
height: calc(180 * var(--u));
border: 4px red solid;
}

#inputArea .border1::before
{
width: calc(100%);
}

#inputArea .border2::before
{
width: calc(100%);
}

#inputArea .border3::before
{
width: calc(200% + var(--u20));
}

#inputArea .small8{ font-size:0.8em; white-space: nowrap;}

}

/* ================================================================================
results
================================================================================ */
@media print, screen
{


#results > .inner
{
    padding: var(--u30) 0;
}

#results .boxes
{
display: flex;
gap: 1%;
padding: 0 var(--u20);
margin-bottom: var(--u20);
}

#results h1
{
padding: 0.5em 1em;
margin: 0 0 var(--u30);

background-color: var(--Cgreen1);
text-align: center;
color: white;
font-size: var(--fz48);
font-weight: 500;
letter-spacing: 0.1em;
line-height: 1.3;
}

#results .lbox
{
position: relative;
width: 10%;
}

#results .lbox h6
{
position: absolute;
top: calc( 200 * var(--u));
left:  calc( 190 * var(--u));
writing-mode: vertical-rl;
font-size: var(--fz28)!important;
letter-spacing: 0.1em;
}

#results h6 span
{
display: inline-block;
transform: translateX(calc( 3 * var(--u)));
}


#results .lbox .lboxes
{
position: absolute;
bottom: calc( 10 * var(--u));
left: calc( 110 * var(--u));
}

#results .lbox .box
{
border: 1px solid;
margin-bottom: var(--u5);
width: calc( 150 * var(--u));
}

#results h3
{
	font-size: var(--fz24);
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-align: center;
	background-color: #F2F2F2;
	padding: 0.2em;

}

#results .lbox p
{
	font-size: var(--fz24);
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-align: center;
}

#results h4
{
	font-size: var(--fz24);
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-align: center;
	padding: 0.2em;

}



#results .graph-box
{
width: 64%;
height: calc(650 * var(--u));
position: relative;

}

#results h7
{
position: absolute;
top: calc( 630 * var(--u));
left:  calc( 550 * var(--u));
font-size: var(--fz24)!important;
}

#results canvas
{
width: 100%!important;
height: 100%!important;

}

#results .chartOverlay
{
	position: absolute;
	top: 0;	left: 5.6%;
	width: 93.6%;	height: 100%;;
}

#results .chartOverlay [class^="lineV"]
{
	z-index: 1;
	position: absolute;
	bottom: calc(-60 * var(--u));
	width: 3px;	height: calc(700 * var(--u));
	background: linear-gradient(0deg, var(--Cgray2) 0 4px, transparent 4px 4px) repeat-y bottom center / 2px 6px;

	opacity: 0;
}

#results .chartOverlay [class^="kinzoku"]
{
	z-index: 2;
	position: absolute;
	bottom: calc(-75 * var(--u));

	transform: translate(-50%,50%);
	opacity: 0;
}
#results .chartOverlay [class^="kinzoku"] .ratio
{
	display: flex;	justify-content: center;	align-items: center;
	width: var(--u70);	height: var(--u40);
	background: white;
	border: 3px solid var(--Cgray0);

	color: var(--Cgray0);
	font-size: var(--fz28);
}
#results .chartOverlay .kinzoku25 .ratio
{
	border: 2px solid var(--Cred1);
	color: var(--Cred1);
	font-size: var(--fz32);
	font-weight: 700;
}
#results .chartOverlay .kinzoku25 .note
{
	position: absolute;
	top: var(--u40);	left: calc(var(--u30) - 7.25em);
	width: 15em;
	background: var(--Cgray2);
	padding: var(--u30) var(--u10) var(--u10);

	color: var(--Cred1);
	font-size: var(--fz24);
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.1em;

	clip-path: polygon(0% 20%, 0% 100%, 100% 100%, 100% 20%, 53% 20%, 50% 0%, 47% 20%, 0% 20%);
}

#results .chartOverlay [class^="ratios"]
{
	z-index: 2;
	position: absolute;
	left: 0;	bottom: calc(-30 * var(--u));

	display: flex;	justify-content: center;	align-items: center;
	height: var(--u40);
	background: var(--Cgreen1a);

	transform: translate(0,50%);
	opacity: 0;

	clip-path: polygon(0 50%, var(--u10) 100%, var(--u10) 80%, calc(100% - var(--u10)) 80%, calc(100% - var(--u10)) 100%, 100% 50%, calc(100% - var(--u10)) 0%, calc(100% - var(--u10)) 20%, var(--u10) 20%, var(--u10) 0%);

	font-size: var(--fz24);
}
#results .chartOverlay .ratios100
{
	height: var(--u50);
	background: var(--Corange1);
	color: var(--Cred1);
	font-size: var(--fz28);
	font-weight: 500;
}


#results .chartOverlay .lineKinzoku
{
	z-index: 1;
	position: absolute;
	left: 0;
	width: 100%;	height: 2px;
	background: linear-gradient(90deg, var(--Cgray2) 0 4px, transparent 4px 4px) repeat-x bottom center / 6px 2px;
}
#results .chartOverlay .lineKinzoku{	bottom: calc(-75 * var(--u));	}


#results .rbox
{
width: 24%;
background-color: #D9D9D9;
height: calc(760 * var(--u));
padding: var(--u10) var(--u10) var(--u10) var(--u70);
}

#results h5
{
	font-size: var(--fz24);
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-align: center;
	margin-bottom: var(--u30);
}

#results .rbox .box
{
position: relative;
display: flex;
align-items: center;
gap: var(--u30);
margin-bottom: var(--u10);
}


#results .rbox .box p
{
	font-size: var(--fz18);
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2;
}

#results .rnumberb
{
position: absolute;
display: flex;
justify-content: center;
padding: calc(3 * var(--u));
top: calc(2 * var(--u));
left: calc(-65 * var(--u));
height: calc(40 * var(--u));
width: calc(40 * var(--u));
background-color: red;
border: 3px solid white;
border-radius: calc(25 * var(--u));
font-size: var(--fz26)!important;
line-height: 1!important;
font-weight: normal!important;
letter-spacing: 0!important;
color: white;;
}


#results .resulta
{
position: relative;
}

#results .resulta picture
{
position: absolute;
top: calc( 12 * var(--u));
left: calc(100 * var(--u));
width: var(--u60);
}

#results .resulta picture img
{
width: 100%;
}

#results .resulta .rp
{
width: var(--u250);
padding: 0 var(--u10);
font-size: var(--fz28);
background-color: white;
text-align: right;
margin: 0 var(--u20) var(--u20) auto;
line-height: 2;

}

#results .rnumber
{
position: absolute;
display: flex;
justify-content: center;
padding: calc(3 * var(--u));
top: calc(2 * var(--u));
left: calc(109 * var(--u));
height: calc(50 * var(--u));
width: calc(50 * var(--u));
background-color: red;
border: 3px solid white;
border-radius: calc(25 * var(--u));
font-size: var(--fz32);
color: white;;
}



#results .button a
{
	display: flex;	justify-content: center;	align-items: center;
	width: calc(250 * var(--u));	height: calc(70 * var(--u));

	background: #FF7C80;

	margin: 0 0 var(--u20) calc(94 * var(--u));
	color: white;
	font-size: var(--fz24);
	text-align: center;

	cursor: pointer;
}

#results .button3 a
{
 background: var(--Cgray0)!important;

}

#results .button a p{	line-height: 1.3;	}


#results .bbox
{
display: flex;
justify-content: flex-end;
gap: var(--u20);
margin: 0 0 0 auto;
padding: 0 var(--u20);
}

#results .button2
{
	display: flex;	justify-content: center;	align-items: center;
	width: calc(250 * var(--u));
	height: calc(70 * var(--u));

	margin-bottom: var(--u20);
	background: var(--Cgray0);

	color: white;
	font-size: var(--fz24);
	text-align: center;

	cursor: pointer;
}

#results .button2 p
{
line-height: 1.5;
}


}




@media screen and (max-width: 1800px){	#results .chartOverlay{	left: 6.0%;	width: 93.0%;	}	}
@media screen and (max-width: 1700px){	#results .chartOverlay{	left: 6.3%;	width: 92.7%;	}	}
@media screen and (max-width: 1600px){	#results .chartOverlay{	left: 6.8%;	width: 92.2%;	}	}
@media screen and (max-width: 1500px){	#results .chartOverlay{	left: 7.2%;	width: 91.8%;	}	}
@media screen and (max-width: 1400px){	#results .chartOverlay{	left: 7.7%;	width: 91.2%;	}	}
@media screen and (max-width: 1300px){	#results .chartOverlay{	left: 8.2%;	width: 90.5%;	}	}
@media screen and (max-width: 1200px){	#results .chartOverlay{	left: 8.9%;	width: 89.9%;	}	}
@media screen and (max-width: 1100px){	#results .chartOverlay{	left: 9.8%;	width: 88.8%;	}	}
@media screen and (max-width: 1000px){	#results .chartOverlay{	left: 10.8%;	width: 87.8%;	}	}
@media screen and (max-width: 900px){	#results .chartOverlay{	left: 11.8%;	width: 86.8%;	}	}
@media screen and (max-width: 800px){	#results .chartOverlay{	left: 13.5%;	width: 84.5%;	}	}




/* ================================================================================
attention
================================================================================ */
@media print, screen
{

 #attention
 {
position: fixed;
overflow: scroll;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(200, 200, 200, 0.8);
 }



#attention > .inner
{
    padding: var(--u30);

}

#attention .box
{
display: flex;
justify-content: space-between;
align-items: end;
background-color: #FFF2CC;
margin-top: calc(-40 * var(--u));
padding: var(--u60) var(--u40) var(--u30) var(--u20);

}

#attention .lbox
{
width: 85%;
}
#attention h3
{
    position: relative;
    z-index: 100;
	display: flex;	justify-content: center;	align-items: center;
	width: calc(250 * var(--u));	height: calc(70 * var(--u));

	background: #FF7C80;

	color: white;
	font-size: var(--fz28);
	text-align: center;
}

#attention .text
{

font-size: var(--fz26);
line-height: 1.8;

}

#attention .font1
{

font-size: var(--fz30);
}

#attention .font2
{

font-size: var(--fz20);
}


#attention .button
{
	display: flex;	justify-content: center;	align-items: center;
	width: calc(250 * var(--u));	height: calc(70 * var(--u));
	margin-top: var(--u20);
	background: var(--Cgray0);

	color: white;
	font-size: var(--fz24);
	text-align: center;

	cursor: pointer;
}

}

/* ================================================================================
income
================================================================================ */
@media print, screen
{


#income > .inner
{
    padding: var(--u30) 0;
}

#income .titlebox
{
display: flex;
align-items: center;
gap: var(--u20);
width: calc( 580 * var(--u));
padding: var(--u20) 0 var(--u20) var(--u70);
margin: 0 auto var(--u30);
background-color: #D9D9D9;
white-space: nowrap;
}

#income .title
{
font-size: var(--fz28);
font-weight: bold;
}

#income .titlebox hr
{
height: var(--u20);
width: var(--u50);
background-color: #FFC000;
border: 1px solid white;
}

#income .text
{
font-size: var(--fz24);
}

#income .boxes
{
display: flex;
justify-content: space-between;
gap: 1%;
padding: 0 var(--u20);
margin-bottom: var(--u10);
}

#income h1
{
padding: 0.5em 1em;
margin: 0 0 var(--u30);

background-color: var(--Cgreen1);
text-align: center;
color: white;
font-size: var(--fz48);
font-weight: 500;
letter-spacing: 0.1em;
line-height: 1.3;
}

#income .lbox
{
position: relative;
width: 10%;
height: calc( 680 * var(--u));
}

#income .lbox .lboxes
{
position: absolute;
bottom: calc( -7 * var(--u));
}

#income .lbox .box
{
margin-bottom: var(--u10);
}

#income .lbox .boxb
{
margin: 0 0 calc(100 * var(--u)) auto;
padding: var(--u40) 0 var(--u150) var(--u5);
width: calc( 38 * var(--u));
display: flex;
align-items: center;
}

#income .lbox .boxc
{
margin-bottom: calc( 13 * var(--u));
border: 1px solid;

}

#income .lbox .boxb h4
{
writing-mode: vertical-rl;
font-size: var(--fz28)!important;
letter-spacing: 0.1em;
}

#income .lbox .boxb h4 span
{
display: inline-block;
transform: translateX(calc( 3 * var(--u)));
}

#income h3
{
	font-size: var(--fz24);
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-align: center;
	background-color: #F2F2F2;
}

#income .lbox p
{
	font-size: var(--fz24);
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-align: center;
}

#income h4
{
    padding: 0.2em;
	font-size: var(--fz22);
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-align: center;
}

#income .graph-box
{
position: relative;
/* margin-left: var(--u30); */
width: 84%;
height: calc(550 * var(--u));

}

#income .line
{
position: absolute;
/* display: flex; */
/* align-items: center; */
width: 100%;
gap: var(--u10);
}

#income .line0
{
 top: 0;
}

#income .line1
{
 top: 25%;
}

#income .line2
{
 top: 50%;
}


#income .line3
{
top: 75%;

}


#income .line4
{
 bottom: 0;
}




#income .line p
{
position: absolute;
top: -0.5em;
left: calc(-50 * var(--u));
width: var(--u30);
font-size: var(--fz18);
text-align: right;
}

#income .line hr
{
width: 100%;
background-color: var(--Cgray2)!important;
}

#income .bar
{
position: absolute;
display: block;
justify-content: center;
bottom: 0;
height: 0;

}

#income .bar .bachive
{
position: absolute;
bottom: -5em;
left: calc(50% - 110 * var(--u));
width: calc(220 * var(--u));
margin: 0 auto;
font-size: var(--fz24);
font-weight: bold;
letter-spacing: 0.1em;
line-height: 1.3;
text-align: center;
border: 1px solid;
}

#income .bar .bachive span
{
font-size: var(--fz16);
font-weight: normal;
white-space: nowrap;
}




#income .bar .income
{
position: absolute;
top: -1.8em;
width: 100%;
font-size: var(--fz40);
font-weight: 500;
line-height: 1.3;
text-align: center;
white-space: nowrap;
opacity: 0;
}

#income .bar .incomeb
{
top: -0.15em;
font-size: var(--fz32);
transition: 0.5s ease-in-out 1.2s;
}

#income .bar .incomec
{
top: 0.5em;
font-size: var(--fz32);
transition: 0.5s ease-in-out 1.2s;
}

#income .bar .incomec2
{
top: 0.3em;
font-size: var(--fz32);
transition: 0.5s ease-in-out 1.2s;
}

#income .bar.on .income{	opacity: 1;	}
#income .bar .income1{	transition: 0.5s ease-in-out 0.2s;	}
#income .bar .income2{	transition: 0.5s ease-in-out 0.4s;	}
#income .bar .income3{	transition: 0.5s ease-in-out 0.6s;	}
#income .bar .income4{	transition: 0.5s ease-in-out 0.8s; left: -0.5em;	}
#income .bar .income5{	transition: 0.5s ease-in-out 1s; left: -0.5em;	}
#income .bar .income6{	transition: 0.5s ease-in-out 1.2s; left: -0.5em;}
#income .bar hr
{
width: calc(150  * var(--u));
background-color: #FFC000;

}

#income .hra
{
/* height: calc(332.5 * var(--u)); */
height: 0;
}

#income .hrb
{
/* height: calc(683 * var(--u)); */
height: 0;

}

#income .hrc
{
/* height: calc(350 * var(--u)); */
height: 0;

}

#income hr.hrc2
{
/* height: calc(150 * var(--u)); */
height: 0;
bottom: calc(350 * var(--u));
margin-bottom: 0!important;
}

#income .bar1
{
/* height: calc(295 / 1600 * 100%); */
left: calc(60 * var(--u));
background-color: rgba(50, 180, 160, 1);
transition: 1s ease-out 0.2s;

}

#income .bar2
{
/* height: calc(420 / 1600 * 100%); */
left: calc(320 * var(--u));
background-color: rgba(50, 180, 160, 1);
transition: 1s ease-out 0.4s;

}


#income .bar3
{
/* height: calc(610 / 1600 * 100%); */
left: calc(580 * var(--u));
background-color: rgba(50, 180, 160, 1);
transition: 1s ease-out 0.6s;

}

#income .bar4
{
/* height: calc(805 / 1600 * 100%); */
left: calc(840 * var(--u));
background-color: rgba(50, 180, 160, 1);
transition: 1s ease-out 0.8s;

}

#income .bar5
{
/* height: calc(1006 / 1600 * 100%); */
left: calc(1100 * var(--u));
background-color: rgba(50, 180, 160, 1);
transition: 1s ease-out 1s;

}

#income .bar6
{
/* height: calc(1256 / 1600 * 100%); */
left: calc(1360 * var(--u));
background-color: rgba(50, 180, 160, 1);
transition: 1s ease-out 1.2s;

}

#income .rbox
{
width: 24%;
background-color: #D9D9D9;
height: calc(760 * var(--u));
padding: var(--u10);
}

#income h5
{
	font-size: var(--fz24);
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-align: center;
	margin-bottom: var(--u30);
}

#income .rbox .box
{
display: flex;
align-items: center;
position: relative;
gap: var(--u30);
margin-bottom: var(--u10);
}

#income .rbox hr
{
width: var(--u40);
height: calc(4 * var(--u));
}

#income .box hr
{
    height: var(--u20) ;
}

#income .box .hr1
{
 background-color: #FF9BCD;
}

#income .box .hr2
{
 background-color: #FFC000;
}
#income .box .hr3
{
background-color: #00AAEF;
}

#income .box .hr4
{
background-color: rgba(209, 32, 66, 1);

}

#income .rbox .box p
{
	padding: 0 0 0 1em;
	font-size: var(--fz18);
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2;
}

#income .resulta
{
position: relative;
display: flex;
justify-content: space-between;
}

#income .resulta p
{
width: var(--u200);
padding: 0 var(--u10);
font-size: var(--fz28);
background-color: white;
text-align: right;
margin: 0 var(--u20) var(--u20);
line-height: 2;

}



#income .button a
{
	display: flex;	justify-content: center;	align-items: center;
	width: calc(250 * var(--u));	height: calc(70 * var(--u));

	background: #FF7C80;

	margin: 0 0 var(--u20) calc(150 * var(--u));
	color: white;
	font-size: var(--fz24);
	text-align: center;

	cursor: pointer;
}

#income .button3 a
{
 background: var(--Cgray0)!important;

}

#income .button a p{	line-height: 1.3;	}


#income .bbox
{
display: flex;
justify-content: flex-end;
gap: var(--u20);
margin: 0 0 0 auto;
padding: 0 var(--u20);
}

#income .button2
{
	display: flex;	justify-content: center;	align-items: center;
	width: calc(250 * var(--u));
	height: calc(70 * var(--u));

	margin-bottom: var(--u20);
	background: var(--Cgray0);

	color: white;
	font-size: var(--fz24);
	text-align: center;

	cursor: pointer;
}

#income .buttonC4
{
	background: #FF7C80;
}

#income .buttonC5
{
	background: #FF7C80;
}

#income .button2 p
{
line-height: 1.5;
}

#income .rbox .boxa
{
position: relative;
}

#income .rbox .box .itext2
{
margin: 0 var(--u0) 0;
padding: 0!important;
}

#income .rbox span
{
    position: absolute;
    top: calc(5 * var(--u));
    left: calc(198 * var(--u));
    color:  #FFC000;
    /* background-color: white; */
	font-size: var(--fz36);
	text-shadow:2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff;
	font-weight: 900;
	line-height: 1;
}


}



/* ======================================== end ======================================== */