@charset "utf-8";


.grid		{
		font-size: 16px;
		font-size: 1.6rem;
    		display: grid;
		width:100%;
    		grid-template-columns: 1fr 1fr;
             	margin: 5px 0px 5px 0px;
             	padding: 0px 0px 0px 0px;
		grid-auto-rows: 60px;
		}

.item01		{
             	margin: 0px 0px 0px 0px;
             	padding: 0px 0px 0px 0px;
		background-color: #99ccff;
		border-left: solid 8px #000066;
		}

.subject	{
             	margin: 20px 0px 0px 10px!important;
             	padding: 0px 0px 0px 0px;
		text-align: left;
		float: left;
		color: #222;
		}

.must		{
             	margin: 20px 30px 0px 0px!important;
             	padding: 0px 0px 0px 0px;
		text-align: right;
		color: #ff0000;
		}

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

.item02 input   {
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		}

.grid02		{
		font-size: 16px;
		font-size: 1.6rem;
    		display: grid;
		width:100%;
    		grid-template-columns: 1fr 1fr;
             	padding: 0px 0px 0px 0px;
		}

.item03		{
             	margin: 0px 0px 0px 0px;
             	padding: 10px 10px;
		}

.item03 input	{
             	padding: 10px 10px;
		display: block;
		margin: 0 0 0 auto;
		}

.item04		{
             	margin: 0px 0px 0px 0px;
             	padding: 10px 10px;
		}

.item04 input	{
             	padding: 10px 10px;
		display: block;
		margin: 0 auto 0 0;
		}
textarea	{
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: 15em;
		}

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


.grid		{
    		display: grid;
    		grid-template-columns: 1fr;
		grid-template-rows: 50px  100px;
		grid-row-gap: 0px; /* 視認性を高めるために間隔を追加 */
		}

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

.subject	{
             	margin: 15px 0px 0px 10px!important;
             	padding: 0px 0px 0px 0px;
		}

.must		{
             	margin: 15px 20px 0px 0px!important;
             	padding: 0px 0px 0px 0px;
		}

}