﻿@charset "utf-8";


a img:hover	{
		opacity: 0.6;
		}

h3		{
		position: relative;
		margin: 0px 0px 5px 0px;
		padding: 0.55em 1em 0.35em 1.25em;
		border: 1px solid #ccc;
		border-top: 3px solid #003366;
		background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
		background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
		box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
		}

h3:after	{
		position: absolute;
		top: .82em;
		left: 0.25em;
		z-index: 2;
		content: '';
		width: 8px;
		height: 8px;
		border: 3px solid #003366;
		border-radius: 100%
		}

h3:before	{
		content:none;
		}

p		{
		padding:  0px 0px;
		}

.grid		{
    		display: grid;
    		grid-template-columns: 1fr 1fr;
             	margin: 20px 0px 20px 0px;
             	padding: 0px 0px 0px 0px;
		grid-column-gap: 50px;
                grid-row-gap: 20px;
		background:#fff;
		}


.item		{
             	margin: 0px 0px 0px 0px;
             	padding: 0px 0px 0px 0px;
		background:#fff;
		}

.grid_02	{
    		display: grid;
    		grid-template-columns: 1fr 1fr;
             	margin: 20px 0px 20px 0px;
             	padding: 0px 0px 0px 0px;
		grid-column-gap: 20px;
		background:#fff;
		text-align:center
		}


.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
		}
td.td_a		{
		text-align: center;
		vertical-align:middle;
		color: #fff;
		background-color:#696969;
		}

td.td_b		{
		text-align: left;
		vertical-align:middle;
		color: #333;
		background-color: #fff;
		}

td.td_c		{
		text-align: left;
		vertical-align:middle;
		color: #333;
		background-color: #fff;
		}

.anchor		{
		color: #0000ff;
		text-decoration: underline;
		}

a:hover.anchor	{
		color: #ff0000;
		text-decoration: none;
		}




.sign dl		{
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}


.sign dl dt	{
		position: relative;
		margin-bottom:0.2em;
		border-bottom:1px dotted #003366;
		padding: 1px 0px 0px 20px;
		}


.sign dl dt::after	{
		display: block;
		content: '';
		position: absolute;
		top: 0.22em;
		left: 0.1em;
		width: 10px;
		height: 10px;
		background-color: #fff;
		border: 2px solid #053c61;
		border-radius: 100%;background: #000099;/*背景色*/
		}

.sign dd	{
		margin-bottom:0.8em;
		}




@media screen and (max-width: 799px) {


.grid		{
    		grid-template-columns: 1fr;
		}

.grid_02	{
    		display: grid;
    		grid-template-columns: 1fr;
                grid-row-gap: 20px;
		}

}


@media screen and (max-width: 600px) {



.grid		{
    		grid-template-columns: 1fr;
		}

.grid_02	{
    		display: grid;
    		grid-template-columns: 1fr;
                grid-row-gap: 20px;
		}


}



