@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  PC スマホ共通
**************************************************
--------------------------------------------------*/



/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	
	.sitemap_inner {
		margin-bottom:200px;
	}
	.sitemap_inner ul {
		display:flex;
		flex-wrap:wrap;
	}
	.sitemap_inner ul li {
		margin-bottom:20px;
		margin-right: 2%;
		width:49%;
	}
	.sitemap_inner ul li:first-child {
		width:100%;
	}
	.sitemap_inner ul li:nth-child(2n+1) {
		margin-right:0;
	}
	.sitemap_inner ul li a {
		font-size:16px;
		font-weight:500;
		padding:20px;
		display:block;
		color:#e63c3c;
		border:1px solid #e63c3c;
	}
	.sitemap_inner ul li a span {
		position:relative;
		display:flex;
		align-items:center;
		justify-content:flex-start;
	}
	.sitemap_inner ul li a span::after {
		content: '';
		width: 60px;
		height: 5px;
		border-bottom: solid 1px;
		border-right: solid 1px;
		transform: skew(45deg);
		position:absolute;
		right:0;
	}
	.sitemap_inner ul li a:hover {
		background:#e63c3c;
		color:#FFF;
		text-decoration:none;
	}
	
	

}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	
	.sitemap_inner {
		margin-bottom:100px;
	}
	.sitemap_inner ul {
		display:flex;
		flex-wrap:wrap;
	}
	.sitemap_inner ul li {
		margin-bottom:10px;
		width:100%;
	}
	.sitemap_inner ul li a {
		font-size:3.6vw;
		font-weight:500;
		padding:20px;
		display:block;
		color:#e63c3c;
		border:1px solid #e63c3c;
	}
	.sitemap_inner ul li a span {
		position:relative;
		display:flex;
		align-items:center;
		justify-content:flex-start;
	}
	.sitemap_inner ul li a span::after {
		content: '';
		width: 10vw;
		height: 5px;
		border-bottom: solid 1px;
		border-right: solid 1px;
		transform: skew(45deg);
		position:absolute;
		right:0;
	}
	.sitemap_inner ul li a:hover {
		background:#e63c3c;
		color:#FFF;
		text-decoration:none;
	}
	
	

}/* End SP */