@charset "utf-8";
/* CSS Document */

.list_box{
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
.block.top li:first-child{
  margin-top: 50px;
  border-top: 1px solid #dadada;
}



.list_box ul li{
  padding: 10px 0;
  color: #221815;
  font-weight: bold;
  border-bottom: 1px solid #dadada;
}
.list_box ul li a{
  color: #221815;
  text-decoration: none;
}
.list_box ul li a:hover{
  color: #04a9e1;
}

.list_box ul.block{
	width: 45%;
}
.list_box ul li.top{
  background: url(../../common/img/arrow_icon04.png) no-repeat left center;
  padding-left:30px;
  font-size: 158%;
}
.list_box ul li.second{
  background: url(../../common/img/arrow_icon05.png) no-repeat left center;
  font-size:122%;
  padding-left: 30px;
}

.list_box li.third{
  background: url(../../common/img/arrow_icon02.png) no-repeat 30px center;
  padding-left:60px;
  font-size:108%;
  font-weight: normal;
}
.list_box li.third:last-child{
  border-bottom: none;
}
.list_box li.third:first-child{
  border-top: 1px solid #dadada;
}
.list_box li.fourth{
  font-size:108%;
  padding-left:90px;
  font-weight: normal;
  background: url(../../common/img/arrow_icon02.png) no-repeat 60px center;
}
.block li.second,.block li.third,.block li.fourth{
	margin-left: 30px;
}




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

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

}
@media screen and ( max-width: 767px ){
.list_box{
	display: block;
	}
.list_box ul.block {
	width: 100%;
	margin: 30px 0;
	}
}