@charset "utf-8";


.sub_top_img {
	background-image: url(../../common/img/pic_main_sitemap.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 28.5%;	/*画像縦横比を保つための値*/
	/*padding-top:32%;*/
	position: relative;	/*画像上テキストの位置指定用*/
}

.content .list_item{
	width:98%;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	margin-left:40px;
}

.content .list_item::after {
    content: "";
    display: block;
    width: 33%;
    height: 0;
}

.content .list_item li{
	width:30%;
	line-height: 1.5;
	padding: 0.5em 1em;
	position: relative;  
}

.content .list_item li a{
	text-decoration: none;
	color: #111111;
}

.content .list_item li a:hover{
	color: #0066cc;
}

.content .list_item li a::before{
	font-family: "Font Awesome 5 Free";
	content: "\F138";
	font-weight: 900;
  	position: absolute;
	color:#003366;
	left:-0.5em;
}


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



}
/*(/1200～)*/


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

	.content .list_item {
		width:90%;
		margin-right:40px;
	}
	.content .list_item li {
		width: 40%;
	}
}
/*(/～960)*/


/*iPad対応*/

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


}
/*(/～780)*/


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


}

/*(～736)*/


@media screen and (min-width:641px){


}

/*(641～)*/


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

/*(/～640)*/


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

	.content .list_item li {
		width: 80%;
	}
}

/*(/～460)*/