@charset "UTF-8";

#subtop .wrap {
	padding-bottom:90px;
}
#subtop .contents dl {
	text-align:center;
}
#subtop .contents dt {
    font-size:3.2rem;
	font-family: 'Lato', sans-serif;
	font-weight:600;
	color:#667489;
	line-height:1;
	padding:1em 0;
}
#subtop .contents dd {
	width:100%;
	max-width:900px;
}
#subtop .contents dd a {
	width:calc(20% - 10px);
	box-sizing:border-box;
	background:#F5F6F7;
	border:3px solid #667489;
	border-radius:10px;
	padding:10px 0 5px;
	transition:.3s;
}
#subtop .contents dd a:hover {
	background:#DFECF8;
}
#main #subtop .contents dd a p {
	width:100%;
	text-align:center;
	line-height:1.3;
	font-size:1.8rem;
	font-weight:600;
    color:#667489;;
}
#main #subtop .contents dd a img {
	width:55%;
}

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

}

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

#subtop .contents dt {
    font-size:2.8rem;
	padding: 0 0 .5em;
}
#subtop .contents dd  {
  -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
}
#subtop .contents dd a:nth-child(3n + 3) {
	margin-right:0;
}
#subtop .contents dd a {
	width:calc(100%/3 - 3px);
	margin-right:4px;
	margin-bottom:4px;
}
#main #subtop .contents dd a img {
	width:50%;
}
#main #subtop .contents dd a p {
	font-size:3.6vw;
}

}

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

}