@charset "utf-8";




h3		{
		font-size: 1.8rem;
		color: #333;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding:  10px 0px 5px 20px;
		border-bottom: solid 3px #3399ff;
		background-color: #fff;
		}

h3:after	{
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 3px #000066;
		bottom: -3px;
		width: 30%;
		}

p		{
		margin: 0px 0px 0px 0px;
		padding:  10px 0px;
		}

img		{
		margin: 0px 0px 0px 0px;
		padding:  0px 0px 0px 0px;
		}

.grid		{
    		display: grid;
    		grid-template-columns: 1fr 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 0px 0px;
             	padding: 0px 0px 0px 0px;
		background-color: #fff;
		}



.item img:hover{
		opacity: 1.0;
		}



a		{
		color:#333;
		text-decoration:none;
		}

a:hover		{
		color:#ff0000;
		text-decoration:underline;
		}



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





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


}


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


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


}