@charset "UTF-8";


/***************  link sub visual *****************/
.link_page {
    background-image: url(../img/link/sub_main_link.jpg);
	position: relative;
}
.hero_sub::before {
	content: '';
	display: inline-block;
	background: rgba(83,198,252, .25);
	background: rgba(0,0,0, .2);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 28px;
}
.hero_sub h2 {
    position: relative;
	}

/***************  link  *****************/
.link .smapChildren {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px 48px;
    margin: 22px auto 0;
    max-width: inherit;
}

@media (max-width: 767px){
.link .smapChildren {
    grid-template-columns: 1fr 1fr;
	gap: 10px 20px;
	}
.link .smapChildLink, .sitemapLink {
    font-size: 12.5px;
	}
}
@media (max-width: 500px){
.link .smapChildren {
	gap: 10px 15px;
	}
.link .smapChildLink, .sitemapLink {
    font-size: 11.5px;
	}
}
@media (max-width: 385px){
.link .smapChildren {
    grid-template-columns: 1fr;
}
.link .smapChildLink, .sitemapLink {
    font-size: 12.5px;
	}
}