.main-content-box01{background-color:#fff;}
.main-content-box01>ul{display: flex;justify-content: space-around;padding:30px 0;margin-top: -100px;}
.main-content-box01>ul li{text-align:center;width: 15%;}
.main-content-box01>ul li a{display:block;}
.main-content-box01>ul li a span{display:block;}
.main-content-box01>ul li a .link-title:before{content:'';display: block;background: url(../img/main/img-direct01.gif) no-repeat 50% 50%;width: 100%;height: 60px;margin:0 0 20px;}
.main-content-box01>ul li:nth-of-type(2) a .link-title:before{background: url(../img/main/img-direct02.gif) no-repeat 50% 50%;}
.main-content-box01>ul li:nth-of-type(3) a .link-title:before{background: url(../img/main/img-direct03.gif) no-repeat 50% 50%;}
.main-content-box01>ul li:nth-of-type(4) a .link-title:before{background: url(../img/main/img-direct04.gif) no-repeat 50% 50%;}
.main-content-box01>ul li:nth-of-type(5) a .link-title:before{background: url(../img/main/img-direct05.gif) no-repeat 50% 50%;}
.main-content-box01>ul li:nth-of-type(6) a .link-title:before{background: url(../img/main/img-direct06.gif) no-repeat 50% 50%;}
.main-content-box01>ul li a:hover .link-title{color:#0065b3}
.main-content-box01>ul li a:hover .link-title:before{background-size:32%}

@media screen and (max-width:768px) {
	
	.main-content-box01{margin:0 0 20px;}
	.main-content-box01>ul{margin-top:0px;}
	.main-content-box01>ul li a .link-title{font-size:14px;}
	
}
@media screen and (max-width:640px) {
	
	.main-content-box01>ul{flex-wrap:wrap;}
	.main-content-box01>ul li{width:33.333%}
	.main-content-box01>ul li a .link-title{padding:5px 0 0;}
	
}
@media screen and (max-width:480px) {
	
	.main-content-box01>ul li a .link-title{font-size:12px;}
	
}