@charset "utf-8";



.data td {
	 padding:10px;
	 text-align: left;
	 vertical-align:middle;
	 border:1px solid #aaa;
         }

.data_01 {
	 padding:10px;
	 text-align: left;
	 vertical-align:middle;
	 border:1px solid #aaa;
         }

.data_02 {
         width:30%;
         }




.data_03 {
         width:20%;
	 padding:10px;
	 text-align: center;
	 vertical-align:middle;
	 border:1px solid #aaa;
         }










#box01 p                {
		        color:#fff;
			margin: 0px 0px;
			padding: 40px 45px;
			background-color: #003366;
			}

.arrowslink		{
			margin: 30px 0px;
			padding: 0px 0px;
			background-color: #fff;
			}

.arrowslink dl		{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px;
			list-style-type: none;
			border: none;
			background-color: #fff;
			}

.arrowslink dt		{
			padding: 9px 0px 10px 25px;
			margin: 0px 0px 0px 0px;
			line-height: 2.8px;
			border-bottom:1px dotted #003366;
			}

.arrowslink dt::after,
.arrowslink dt::before	{
			content: '';
			position: absolute;
			}

.arrowslink dt::after	{
			left: 0em;
			top: 0px;
			width: 15px;
			height: 15px;
			background-color: #003399;
			border-radius: 50%;
			}

.arrowslink dt::before	{
			z-index: 2;
			left:  0.32em;
			top: 6px;
			width: 5px;
			height: 5px;
			border-right: 2px solid #fff;
			border-bottom: 2px solid #fff;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			}


.arrowslink dd		{
			padding: 5px 0px 30px 25px;
			margin: 0px 0px 0px 0px;
			}




.grid		{
    		display: grid;
    		grid-template-columns: 1fr 1fr 1fr;
             	margin: 20px 0px 15px 0px;
             	padding: 0px 0px 0px 0px;
		grid-column-gap: 20px;
                grid-row-gap: 50px;
		}

.item		{
             	margin: 0px 0px 30px 0px;
             	padding: 0px 0px 10px 0px;
		}

.grid2		{
    		display: grid;
    		grid-template-columns: 1fr 1fr;
             	margin: 20px 0px 15px 0px;
             	padding: 0px 0px 0px 0px;
		grid-column-gap: 20px;
                grid-row-gap: 50px;
		}

.item2		{
             	margin: 0px 0px 30px 0px;
             	padding: 0px 0px 10px 0px;
		}



.grid_03	{
    		display: grid;
    		grid-template-columns: 1fr;
             	margin: 20px 0px 20px 0px;
             	padding: 0px 0px 0px 0px;
		grid-column-gap: 20px;
		background:#fff;
		text-align:center
		}

.item img:hover{
		opacity: 1.0;
		}

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


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


.grid2		{
    		display: grid;
    		grid-template-columns: 1fr;
		}

}



@media screen and (min-width: 600px) and (max-width: 979px) {



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



.grid2		{
    		display: grid;
    		grid-template-columns: 1fr 1fr;
		}





}