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

/*PC*/
@media print, screen and (min-width: 769px) {
.sitemapList {
width: 100%;
}

.sitemapList li {
width: 22%;
float: left;
margin: 0 4% 4% 0;
}

.sitemapList li:nth-child(4n) {
margin-right: 0;
}

.sitemapList li a {
display: block;
background-color: #0098e6;
color:#fff;
padding:20px 15px;
position:relative;
-webkit-transition: 0.25s ease-in-out;
-o-transition:  0.25s ease-in-out;
transition: 0.25s ease-in-out;
border-radius: 6px;
}
.sitemapList li a:after {
content:"";
position:absolute;
top: 0;
right: 0;
border-color:#fff #fff #88d0f5 #88d0f5;
border-style: solid;
border-width:0 20px 20px 0;
-webkit-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
-moz-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
}

.sitemapList li a:hover {
background-color: #00679c;
}


}


/*----------------------------------------------------*/


/*sp*/
@media only screen and (max-width: 768px) {
.sitemapList {
width: 100%;
}

.sitemapList li {
width: 48%;
float: left;
margin: 0 4% 4% 0;
}

.sitemapList li:nth-child(2n) {
margin-right: 0;
}

.sitemapList li a {
display: block;
background-color: #0098e6;
color:#fff;
padding:20px 15px;
position:relative;
-webkit-transition: 0.25s ease-in-out;
-o-transition:  0.25s ease-in-out;
transition: 0.25s ease-in-out;
border-radius: 6px;
}
.sitemapList li a:after {
content:"";
position:absolute;
top: 0;
right: 0;
border-color:#fff #fff #88d0f5 #88d0f5;
border-style: solid;
border-width:0 20px 20px 0;
-webkit-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
-moz-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
}

.sitemapList li a:hover {
background-color: #00679c;
}






}