@charset "utf-8";


.co-info-wrapper {
	display:  flex;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	margin-bottom: 30px;
}

.co-info-card {
	width: 40%;
	height: 50px;
	margin: 10px;
	padding-right: 7px;
	border: solid 2px #225bb8;
	display: block;
    position: relative;
    overflow: hidden;
}

.co-info-card p {
	text-align: center;
}

@media (max-width: 700px){
	
	.co-info-wrapper {
		width: 90%;
	}
	.co-info-card {
		width: 40%;
	}
}

.co-info-card:hover {
	background-color: #D8DEE2;
}

.co-info-card > *:after {
    width: 7px;
    height: 12px;
    display: block;
    position: absolute;
    top: 20px;
    right: 10px;
    background: url("image/arrow_right_blue.svg") no-repeat center center;
    content: "";
    background-size: contain !important;
}





.co-info-card a p {
	line-height: 50px;
	font-weight: 700;
}


.gaiyo {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    border-collapse: collapse;  
}

.gaiyo th,td {
    border: solid 1px black;
    padding: 10px 10px;
	font-weight: 500;
}

.gaiyo th {
    text-align: center;
}
/* CSS Document */