@charset "utf-8";
/* CSS Document */


.footer-wrapper{
max-width: 1200px;
margin: 32px auto;
padding: 32px 0;
background-color: var(--white);
}

@media screen and (min-width: 600px) and (max-width: 991px)  {
.footer-wrapper{
display: grid;
grid-template-columns:  1fr 1fr;
grid-template-rows: auto;
gap: 1%; 
max-width: 991px;
margin: 0 auto;

}
}

@media screen and (min-width: 992px) and (max-width: 1199px)   {
.footer-wrapper{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto;
gap: 1%; 
max-width: 1199px;
margin: 0 auto;

}
}
@media screen and (min-width: 1200px) {
.footer-wrapper{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: auto;
gap: 1%; 
max-width: 1200px;
margin: 0 auto;

}
}

.logo-area{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap:16px;
}
.info{
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
gap:16px;
margin:50px 0;
}
.footer-logo{
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;

}
.syumon{
width: 50px;
height:auto;
display: block;
margin: 0 auto 10px;
}
.aoi{
width: 60px;
height:auto;
display: block;
margin: 0 auto 10px;

}
.logo-mark{
width: 180px;
height: auto;
}
.footer-link{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap:8px;
margin-top: 16px;
padding: 8px;
}

.footer-section-link{
border-bottom: solid 1px #000;
font-weight: 500;
width: 100%;
}

.footer-link a{
display: block;
text-decoration: none;
color: var(--black);
padding-left: 16px;
}
.footer-link .footer-section-link a{
display: block;
text-decoration: none;
color: var(--black);
}

.footer-link a:hover{
font-weight: 600;
transform: scale(1.1);
}
.footer-link .footer-section-link a:hover{
font-weight: 600;
transform: scale(1.1);
}

.privacypolicy{
text-decoration: none;
text-align: center;
font-size: 12px;
}
.copy {
font-size: 13px;
text-align: center;
padding: 24px 0;
}
.copy .c-mark{
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}