@charset "UTF-8";
@import url('style.css');


/* CSS Document */

.footer_container{
    display: flex;
padding: 40px 32px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex: 1 0 0;
    background: var(--primary, #237DFF);
    color: white;
}

/* 上半分*/
.nav-cont-footer{
display: flex;
width: 100%;
height: auto;
justify-content: top;
flex-direction: column;
gap:1em;
align-items: flex-start;
}
/* 下半分*/
.nav-mail-footer{
display: flex;
width: 100%;
height: auto;
justify-content: top;
flex-direction: column;
}

.footer-logo{
    width: 60vw;
}

.copy{
    width: 100%;
    text-align: center;
}


/* PC向けのスタイル */
@media screen and (min-width: 601px) {
  .footer-logo{
    width: 20vw;
}
}

  .nav-footer {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: auto;
    height: 100%;
    padding: 1em 0 0 0;
      
    text-align: left;
    color: var(--white, #FFF);
    font-style: normal;
      }