@charset "utf-8";
/* CSS Document */
#linkWrap{ background:#fafafb; }
#linkWrap li{ padding:0 5% 3%; }
#linkWrap li:first-child{ padding-top:3%; }
#linkWrap li a{ border-radius: 4px;display: block; padding: 3.5% 0; box-sizing:border-box; text-align: center;
    border:1px solid #e18a81; color:#c23c3c; background: #fff;
}

#linkWrap li a:after{ 
	content: '';
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 2px solid #db5f53;
	border-right: 2px solid #db5f53;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);    
}


#linkWrap .externalIcon i::before{ height:8px; }


@media screen and (max-width: 1059px) {
    #linkWrap{ width:98%; margin:0 auto 5% }
}


@media screen and (max-width: 490px) {
#linkWrap span{ display: inline-block; }
#linkWrap li{ padding:0 3% 3%; }

#linkWrap .externalIcon i:before,
#linkWrap .externalIcon i:after{ top:-18px }
}


/*pc--------------------------------------------*/
@media screen and (min-width: 1060px) {
    #linkWrap{ width:80%; margin:0 auto 100px }
}

@media screen and (min-width: 491px) {
    #linkWrap span br{ display: none; }
    #linkWrap li{ padding:0 5% 3%; }
}