#groupheader {width:100%; background-color:#e2e2e2;}

#grouplink {background:#1c1c1c; color:#fff; font-size:13px; padding:40px 3%; text-align:left;}
#grouplink ul{margin:0; padding:0;}
#grouplink  > div {max-width:800px; margin:0 auto;}
#groupcopy {text-align:center; clear:left; padding-top:25px;}
#groupcopy a {color:#fff; text-decoration:none;}
.grouplink_box {float:left; width:20%;}
.grouplink_box p {font-weight:bold; margin:25px 0 10px 0;}
.grouplink_box p a {color:#fff; text-decoration:none;}
.grouplink_box li {list-style:none; margin-bottom:8px;}
.grouplink_box li::before {content:"・"; color:#c0c0c0;}
.grouplink_box li a {color:#c0c0c0; text-decoration:none;}
.grouplink_box li a:hover {text-decoration:underline;}

.grouplink_company {text-align:center;}
.grouplink_company img {max-width:300px;}
.grouplink_logos {text-align:center; margin-bottom:10px;}
.grouplink_logos p {display:inline-block;}
.grouplink_logos img {max-height:40px;}

/* スマホ 
@media (-webkit-min-device-pixel-ratio: 2) {#grouplink img {width:50%;}}*/
@media screen and (max-width: 500px) {
.grouplink_company img {max-width:200px;}
.grouplink_logos img {max-height:30px;}
.grouplink_box {float:none; width:90%; margin:5px auto;}
.grouplink_box ul,.grouplink_empty {display:none;}
.grouplink_box p {margin-top:0px;}
.grouplink_box p a {display:block; padding:10px 20px; border:#555 1px solid; position:relative;}
.grouplink_box p a::after {display: block;
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 1px #c0c0c0;
border-right: solid 1px #c0c0c0;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);}
}