.links-con {
display: flex;
flex-wrap: wrap;
max-width: 1300px;
width: 100%;
margin: 1em 0;
gap: 1em;
}
.links-box {
display: flex;
flex-direction: column;
justify-content: space-between;
width: calc((100% / 4) - 1em);
height: 200px;
background: #fff;
border-radius: 10px;
text-align: center;
padding: 1.5em 2em 1em 2em;
box-shadow: 1px 1px 5px #9e9e9e;
}
.links-box2 {
width: calc((100% / 4) - 1em);
margin: 0;
text-align: center;
position: relative;
}
.links-logo {
height: auto;
padding: 0;
width: auto;
margin: 0 auto .5em;
}
.links-logo img {
max-height: 100%;
max-width: 100%;
}
.links-logo-w {
height: 50%;
padding: 10px 0;
}
.links-logo-w img {
max-height: 100%;
max-width: 100%;
}
.links-txt {
text-align: left;
}
.links-txt p {
font-size: 14px;
}
.links-txt-w {
height: 25%;
text-align: left;
}
.links-txt-w p {
font-size: 18px;
}
.links-link {
text-align: center;
display: block;
width: 80%;
margin: 10px auto 0;
}
.links-link a {
background: #92ce4b;
color: #fff;
font-size: 20px;
padding: 3px 20px;
border-radius: 50px;
display: block;
margin: 0 auto;
box-shadow: 1px 1px 5px #9e9e9e;
}
.links-link a:hover {
box-shadow: none;
}
.links-box2 a {
display: block;
width: 100%;
}
.links-box2 img {
width: 100%;
box-shadow: 1px 1px 6px rgb(126 126 126 / 50%);
border-radius: 10px;
}
.links-box2 a:nth-child(2) {
position: absolute;
bottom: 0;
}

@media (max-width: 1600px) {
.links-box {
height: 200px;
}
.links-txt p {
font-size: 14px;
line-height: 1.5;
}
.links-txt-w p {
font-size: 16px;
line-height: 1.5;
}
}

@media (max-width: 1300px) {
.links-txt p {
font-size: 14px;
}
.links-link a {
font-size: 16px;
width: 90%;
}
.links-txt-w {
height: 30%;
}
.links-txt-w p {
font-size: 14px;
}
}
@media (max-width: 1024px) {
.links-con {
display: block;
width: 100%;
}
.links-box {
width: 95%;
margin: 0 auto 10px;
}
.links-box2 {
width: 95%;
margin: 0 10px 10px;
}
.links-txt p {
font-size: 14px;
}
.links-txt-w p {
font-size: 16px;
}
.links-box2 a:nth-child(2) {
position: relative;
}
.links-box2 {
height: auto;
}
}

/*mac対応*/
.mac .links-box,.mac .links-box2 {
height: 400px;
}
.mac .links-link a {
padding: 10px 20px;
}
.mac .links-txt p {
font-size: 20px;
}
.mac .links-txt-w p {
font-size: 20px;
}

@media (max-width: 1600px) {
.mac .links-box,.mac .links-box2 {
height: 270px;
}
}

.common__footer {
padding-top: 20px;
background: #fff;
}
.links-link a {
font-size: 14px;
padding: 5px 15px;
}
.gmoGroupFooter_sec {
height: 140px;
}

@media (max-width: 1024px) {
.nav-box img {
 width: fit-content;
 display: block;
 height: 30px;
 margin: 10px auto;
}
}

@media (max-width: 767px) {
.site-seal {
 padding-bottom: 2em;
}
.hamburger {
 top: 3px;
}
}

#tool__page .links-con {
 margin: 1em 0 2em;
}
#tool__page .links-box {
 flex: 0 0 calc((100% - 2em) / 3);
 padding: 1em 1.5em 1em 1.5em;
 height: 190px;
}
#tool__page .links-box .links-logo img {
 max-width: 200px;
}
#tool__page .gmoGroupFooter_sec {
 height: 180px;
}