@charset "UTF-8";


h2		{
		margin: 20px 0px 0px 0px;
		}


h3		{
		margin: 20px 0px 0px 0px;
		}


h4		{
		margin: 20px 0px 0px 0px;
		border: solid 1px #000066;
		}



.itemradio		{
			margin: 0px 0px 0px 0px;
			padding: 10px 10px;
			background-color: #eee;
			}

.grid_point_01		{
			display: grid;
			width:100%;
			font-size: 16px;
			font-size: 1.6rem;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			grid-template-rows: 40px 60px;
			grid-template-columns: 25% 25% 25% 25%;
			grid-template-areas:
			"pa wa na ua"
			"pb wb nb ub";
			}

.grid_point_01 input	{
			width:75%;
			color:#333;
			vertical-align:middle;
			}

.grid_point_01 select	{
			width:85%;
			color:#333;
			vertical-align:middle;
			}


.pa,.wa,.na,.ua	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 10px 0px 0px 0px;
			background-color: #99ccff;
			}

.pb,.wb,.nb,.ub	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 19px 0px 0px 0px;
			background-color: #eee;
			}

.pa		{
		grid-area: pa;
		}

.wa		{
		grid-area: wa;
		}

.na		{
		grid-area: na;
		}

.ua		{
		grid-area: ua;
		}

.pb		{
		grid-area: pb;
		padding: 9px 0px 0px 0px;
		}

.wb		{
		grid-area: wb;
		}

.nb		{
		grid-area: nb;
		padding: 9px 0px 0px 0px;
		}

.ub		{
		grid-area: ub;
		padding: 9px 0px 0px 0px;
		}

.grid_point_02		{
			display: grid;
			width:100%;
			font-size: 16px;
			font-size: 1.6rem;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			grid-template-rows: 40px 60px;
			grid-template-columns: 25% 25% 25% 25%;
			grid-template-areas:
			"pc wc nc uc"
			"pd wd nd ud";
			}

.grid_point_02 input	{
			width:75%;
			color:#333;
			vertical-align:middle;
			}

.grid_point_02 select	{
			width:85%;
			color:#333;
			vertical-align:middle;
			}


.pc,.wc,.nc,.uc	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 10px 0px 0px 0px;
			background-color: #99ccff;
			}

.pd,.wd,.nd,.ud	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 19px 0px 0px 0px;
			background-color: #eee;
			}

.pc		{
		grid-area: pc;
		}

.wc		{
		grid-area: wc;
		}

.nc		{
		grid-area: nc;
		}

.uc		{
		grid-area: uc;
		}

.pd		{
		grid-area: pd;
		}

.wd		{
		grid-area: wd;
		padding: 9px 0px 0px 0px;
		}

.nd		{
		grid-area: nd;
		padding: 9px 0px 0px 0px;
		}

.ud		{
		grid-area: ud;
		padding: 9px 0px 0px 0px;
		}

.grid_point_03		{
			display: grid;
			width:100%;
			font-size: 16px;
			font-size: 1.6rem;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			grid-template-rows: 40px 60px;
			grid-template-columns: 25% 25% 25% 25%;
			grid-template-areas:
			"pe we ne ue"
			"pf wf nf uf";
			}

.grid_point_03 input	{
			width:75%;
			color:#333;
			vertical-align:middle;
			}

.grid_point_03 select	{
			width:85%;
			color:#333;
			vertical-align:middle;
			}


.pe,.we,.ne,.ue	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 10px 0px 0px 0px;
			background-color: #99ccff;
			}

.pf,.wf,.nf,.uf	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 19px 0px 0px 0px;
			background-color: #eee;
			}

.pe		{
		grid-area: pe;
		}

.we		{
		grid-area: we;
		}

.ne		{
		grid-area: ne;
		}

.ue		{
		grid-area: ue;
		}

.pf		{
		grid-area: pf;
		}

.wf		{
		grid-area: wf;
		}

.nf		{
		grid-area: nf;
		padding: 9px 0px 0px 0px;
		}

.uf		{
		grid-area: uf;
		padding: 9px 0px 0px 0px;
		}

@media screen and (max-width: 900px) {


.grid_point_01		{
			display: grid;
			margin: 0px 0px 30px 0px;
			grid-template-rows: repeat(4, 60px);
			grid-template-columns: 40% 60%;
			grid-template-areas:
			"pa pb"
			"wa wb"
			"na nb"
			"ua ub";
			}

.pa,.wa,.na,.ua	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 20px 0px 0px 0px;
			background-color: #99ccff;
			}
.pb,.wb,.nb,.ub	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 9px 0px 0px 0px;
			background-color: #eee;
			}


.grid_point_01 input	{
			width:70%;
			color:#333;	
			vertical-align:middle;
			}

.grid_point_01 select	{
			width:75%;
			color:#333;	
			vertical-align:middle;
			}

.wb		{
		grid-area: wb;
		padding: 20px 0px 0px 0px;
		}

.grid_point_02		{
			display: grid;
			margin: 0px 0px 30px 0px;
			grid-template-rows: repeat(4, 60px);
			grid-template-columns: 40% 60%;
			grid-template-areas:
			"pc pd"
			"wc wd"
			"nc nd"
			"uc ud";
			}

.pc,.wc,.nc,.uc	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 20px 0px 0px 0px;
			background-color: #99ccff;
			}
.pd,.wd,.nd,.ud	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 9px 0px 0px 0px;
			background-color: #eee;
			}


.grid_point_02 input	{
			width:70%;
			color:#333;	
			vertical-align:middle;
			}

.grid_point_02 select	{
			width:75%;
			color:#333;	
			vertical-align:middle;
			}


.pd		{
		padding: 20px 0px 0px 0px;
		}

.grid_point_03		{
			display: grid;
			margin: 0px 0px 30px 0px;
			grid-template-rows: repeat(4, 60px);
			grid-template-columns: 40% 60%;
			grid-template-areas:
			"pe pf"
			"we wf"
			"ne nf"
			"ue uf";
			}

.pe,.we,.ne,.ue	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 20px 0px 0px 0px;
			background-color: #99ccff;
			}
.pf,.wf,.nf,.uf	{
			text-align: center;
			border: solid 1px #333;
			margin: 0px;
			padding: 9px 0px 0px 0px;
			background-color: #eee;
			}


.grid_point_03 input	{
			width:70%;
			color:#333;	
			vertical-align:middle;
			}

.grid_point_03 select	{
			width:75%;
			color:#333;	
			vertical-align:middle;
			}

.pf,.wf		{
		padding: 20px 0px 0px 0px;
		}




}