@import url("../css/variable.css");


#footer {
    margin-top: 8.75rem;
}


/* フッターのレイアウト */
#footer .section__content.footerTop {
    background: var(--footer--bg);

}

.section__content.footerTop {
    padding: 3.75rem 12.5rem ;
}

.section__content.footerMiddle {
    margin: 0 auto;
    padding: 5rem 3.75rem 5rem;
}
.section__content.footerBottom {
    margin-top: 0;
    padding:0;
}



#footer .footer__topSection__body {
    color: var( --text-color-w);
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 2.5rem;
}

#footer .border {
    display: block;
    background: var(--text-color-w);
    width: 0.07rem;
    height: 8.5rem;

}

#footer .footer__contact__wrap {
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 0.88rem;
    flex: 1;
}

#footer .footer__contact__wrap--text {
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.625rem; /* 173.333% */
letter-spacing: 0.0375rem;
}

#footer .telNumber__content {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

#footer .telNumber__wrap {
    font-family: var(--font--openSans);
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.625rem; /* 65% */
    letter-spacing: 0.05rem;
    display: flex;
    align-items: center;
    column-gap: .5rem;
}

#footer .telNumber__wrap a{
    color: white;
}

#footer .telNumber__wrap .contact-detail {
 font-family: var(--font--notoSans);
font-size: 0.875rem;
font-weight: 400;
line-height: 0.875rem; /* 100% */
letter-spacing: 0.035rem;
}


/* タブレット用 */
@media screen and (max-width: 1024px) {
    #footer .telNumber__wrap {
        font-size: 2rem;
    }

    .section__content.footerTop {
        padding: 3.75rem 5rem ;
    }
    
    .section__content.footerMiddle {
        margin-top: 0;
        padding:5rem 3rem 5rem;
    }
}
/* スマホ用 */
@media screen and (max-width: 768px) {

    #footer .footer__topSection__body {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        margin-top: 2.5rem;
        row-gap: 1.88rem;
    }

    #footer .border {
        display: block;
        background: var(--text-color-w);
        width: 100%;
        height: 0.07rem;
    
    }

    .section__content.footerTop {
        padding: 3.75rem 1.87rem ;
    }

    #footer {
        margin-top: 6.25rem;
    }
    
    #footer .section__content {
        margin-top: 0;
    }

    .section__content.footerMiddle {
        margin-top: 0;
        padding:2.5rem 3rem 2.5rem;
    }
    
}




/*------------

 footer Middle part---
------------------- */
#footer .section__content.footerMiddle {
    max-width: 1200px;
    display: flex
;
    justify-content: space-between;
}

#footer .footer__logo img {
    width: 12rem;
}


/* footer list item*/

#footer .footer__list .footer__listItem {
        display: flex;  
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        row-gap: 0.38rem;

        font-size: 0.8125rem;
        font-weight: 400;
        line-height: 1.4375rem; /* 176.923% */
        letter-spacing: 0.01625rem;
}
#footer .footer__list .footer__listItem.adress {
    row-gap: 0.62rem;
}

#footer .footer__list .footer__listItem.adress span:first-child {
    margin-top: 1.88rem;
}

#footer .footer__list .footer__listItem.other {
    row-gap: 1.88rem;
}


#footer .footer__list  .footer__listItem.adress .bold {
font-size: 1rem;
font-weight: 700;
line-height: 1.4375rem; /* 143.75% */
letter-spacing: 0.02rem;
}

#footer .footer__list .footer__listItem span {
    display: block;
}


#footer .footer__list.siteMap {
    display: flex;
    flex-direction: space-around;
    column-gap: 2.5rem;
}





#footer .footer__list.siteMap .footer__listItem.page a:first-child,
#footer .footer__list.siteMap .footer__listItem.service a:first-child{
    margin-bottom: 1.25rem;
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.4375rem; /* 153.333% */
letter-spacing: 0.01875rem;
}


#footer .footer__list.siteMap  .footer__listItem.other a {
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.4375rem; /* 153.333% */
letter-spacing: 0.01875rem;
}



/* タブレット用 */
@media screen and (max-width: 1024px) {
    #footer .section__content.footerMiddle {
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    #footer .footer__list.siteMap {
        display: none;
    }

    #footer .footer__list .footer__listItem {
        justify-content: flex-start;
        align-items: center;
    }

    #footer .footer__list.companyAdress {
        text-align: center;
    }
}
/* スマホ用 */
@media screen and (max-width: 768px) {
}


/* ----------

footer bottom part 
-----------------------*/

#footer .section__content.footerBottom  {
    border-top: var( --footer--border);
}

#footer .pmark__content {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1.88rem;
    width: calc(100% - 1.88rem);
    padding: 2.5rem 14.28rem;
}

#footer .section__content.footerBottom img {
    width: 20%;
}
#footer .section__content.footerBottom p {
font-size: 0.75rem;
font-weight: 400;
line-height: 1.25rem; /* 166.667% */
letter-spacing: 0.015rem;
}

#footer .copy-light {
    display: flex;
    justify-content: space-between;
    color: var(--text-color-w);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.4375rem; /* 191.667% */
    letter-spacing: 0.015rem;
    background: var(--footer--bottomBg);
    padding: .91rem 12.5rem;
}

#footer .copy-light small{
    font-family: var(--font--openSans);
}

#footer .copy-light a  span {
    color: var(--text-color-w);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.4375rem; /* 191.667% */
    letter-spacing: 0.015rem;
    background: var(--footer--bottomBg);
}


/* タブレット用 */
@media screen and (max-width: 1024px) {

    #footer .pmark__content {
        padding: 2.5rem 5rem;
        width: 100%;
    }
    #footer .copy-light {
        padding: .91rem 5rem;
    }
}
/* スマホ用 */
@media screen and (max-width: 768px) {
    #footer .pmark__content {
        flex-direction: column;
        row-gap: 1.88rem;
        padding: 2.5rem 1.88rem;
        width: 100%;
    }

    #footer .section__content.footerBottom img {
        width: 30%;
    }

    #footer .copy-light {
        flex-direction: column;
        justify-items: center;
        align-items: center;
        padding: .91rem 1.5rem;
    }

    
}




/* footer top content titleなど */
.section__wrapper {
    width: 100%;
}

.section__wrapper--title.center {
    margin: 0 auto;
    text-align: center;
}

.section__wrapper--title.white.main {
    color: var(--text-color-w);
    font-size: 2rem;
    font-weight: 700;
    line-height: 2rem; /* 100% */
    letter-spacing: 0.08rem;
    margin-top: .6rem;
}

.section__wrapper--title.white.main.big {
    font-size: 3rem;

}


.section__wrapper--title.white.sub {
    font-family: var(--font--openSans);
    color: var(--title--deco-lightBlue);
    font-size: 0.875rem;
    font-weight: 700;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0.0175rem;
}


@media screen and (max-width: 1024px) {
     /* 白タイトル  大*/
     .section__wrapper--title.white.main.big {
        font-size: 2.5rem;
    
    }

    .section__wrapper--title.white.sub {
        color: var(--title--deco-lightBlue);
        font-size: 0.875rem;
        line-height: 0.875rem;
    }
}


section#shadow-host-companion {
    padding: 0 ;
}