.unit {
	display: flex;
    justify-content: center;
    align-items: center;
    margin:auto;
}
.unit_item {
	display: flex;
    justify-content: center;
    align-items: center;
}

.unit a{
	display: flex;
    justify-content: center;
    align-items: center;
	font-size: 1.5em;
	padding: 5px;
    margin:  5px;              /* 外側の余白 */
    border-radius:  5px;        /* 角丸指定 */
    width: 30%;                 /* 幅指定 */
    height: 80px;
    text-align: center;
    background: #bdd8fc;
    text-decoration:none;
}

.unit a:hover{
	background: #4394ff;
}

@media screen and (max-width:1220px) {
	.unit {
   		width: 100%;
    	flex-direction: column; 
	}
	.unit a {
    width: 90%;                 /* 幅指定 */
	}
	h2 {
		padding-top:50px;
	}
}