/*==================================================
14 Footer
==================================================*/

/*======== Footer ========*/

.it-footer{

    background:var(--primary);

    color:#fff;

}

/*======== Inner ========*/

.it-footer-inner{

    width:min(

        calc(100% - 40px),

        var(--container)

    );

    margin:auto;

    padding:

        var(--space-9)

        0

        var(--space-7);

}

/*======== Logo ========*/

.it-footer-logo{

    margin-bottom:var(--space-5);

}

/*======== Company ========*/

.it-footer-company{

    color:#fff;

    font-size:1.6rem;

    font-weight:700;

    margin-bottom:12px;

}

/*======== Address ========*/

.it-footer-address{

    color:rgba(255,255,255,.85);

    line-height:1.9;

}

/*======== Grid ========*/

.it-footer-grid{

    display:grid;

    grid-template-columns:

        2fr

        1fr

        1fr;

    gap:48px;

}

/*======== Navigation ========*/

.it-footer-nav{

    display:flex;

    flex-direction:column;

    gap:14px;

}

/*======== Title ========*/

.it-footer-title{

    margin-bottom:18px;

    color:#fff;

    font-size:18px;

    font-weight:700;

}

/*======== Link ========*/

.it-footer-link{

    color:rgba(255,255,255,.9);

    transition:var(--transition);

}

.it-footer-link:hover{

    color:#fff;

    padding-left:6px;

}

/*======== SNS ========*/

.it-footer-sns{

    display:flex;

    gap:16px;

    margin-top:var(--space-5);

}

/*======== Copyright ========*/

.it-footer-copy{

    padding:20px;

    border-top:1px solid rgba(255,255,255,.15);

    text-align:center;

    color:rgba(255,255,255,.7);

    font-size:.9rem;

}




/*======== CTA ========*/

.it-footer-cta{

    padding:

        var(--space-8)

        0;

    background:var(--light-blue);

    text-align:center;

}

.it-footer-cta-title{

    color:var(--primary);

    font-size:2rem;

    font-weight:700;

    margin-bottom:16px;

}

.it-footer-cta-text{

    max-width:700px;

    margin:0 auto 32px;

    color:var(--text-light);

}

/*=====================================================
 Footer
=====================================================*/

/*--------------------------------------------------
 Footer Layout
--------------------------------------------------*/

.site-footer-content .row{

    justify-content:space-between;

}

.site-footer-content [class*="col-"]{

    display:flex;

    justify-content:flex-start;

    margin-bottom:var(--space-2);

}



/*=====================================================
 Footer Top Message
=====================================================*/

.site-body-bottom{

    background:var(--bg-section);

    padding:28px 20px;

    text-align:center;

    border-bottom:1px solid var(--border);

}

.site-body-bottom p:first-child{

    margin:0 0 8px;

    color:var(--primary);

    font-size:24px;

    font-weight:700;

    line-height:1.4;

}

.site-body-bottom p:last-child{

    margin:0;

    font-size:15px;
    font-weight:700;

    line-height:1.7;

    color:var(--text);

}

.site-body-bottom h2{

    margin:0 0 var(--space-2);

    color:var(--primary);

    font-size:clamp(2rem,1.5rem + 1vw,2.6rem);

    font-weight:700;

    line-height:1.4;

}


/*=====================================================
 Footer
 Infinity Technology Corporate CSS Ver3.1
=====================================================*/


.site-footer .wp-block-heading{

    margin:0 0 var(--space-4);

    font-size:1.25rem !important;

    font-weight:700;

    line-height:1.4;

    text-align:left;

}

.site-footer,
.site-footer *{

    color:var(--white);

}


.site-footer{

    background:var(--primary);
    color:var(--white);
    padding:8px 0 8px;

}


/*=====================================================
 Layout
=====================================================*/

.site-footer-content{

    width:min(
        calc(100% - 40px),
        var(--container)
    );

    margin:0 auto;

}

.site-footer .row{

    row-gap:8px;

}

.site-footer .widget{

    margin-bottom:0;

}


/*=====================================================
 Heading
=====================================================*/

.site-footer .widget h3{

    margin:0 0 6px;

    color:var(--white);

    font-size:16px !important;

    font-weight:700;

    line-height:1.4;

}


/*=====================================================
 List
=====================================================*/

.site-footer ul{

    margin:0;
    padding:0;

    list-style:none;

}



.site-footer li{
    position:relative;
    font-size:14px;
    font-weight:600;
    line-height:1.2;
	  padding-left:14px;
	  margin-bottom:2px;

}

.site-footer li:last-child{

    margin-bottom:0;

}




/* 小さな丸 */

.site-footer li::before{

    content:"";

    position:absolute;

    left:0;

    top:7px;

    width:4px;

    height:4px;

    border-radius:50%;

    background:rgba(255,255,255,.55);

}


/*=====================================================
 Link
=====================================================*/

.site-footer a{

    color:var(--white);

    text-decoration:none;

    font-weight:500;

    transition:var(--transition);

}

.site-footer a:hover{

    color:var(--white);

    opacity:.8;

}

/*=====================================================
 Copyright
=====================================================*/

.site-footer-copyright{

    margin-top:4px;
    padding-top:4px;
    border-top:none !important;
    text-align:center;


}

.site-footer-copyright p{
    margin:6px 0;
    font-size:13px;
    color:rgba(255,255,255,.75);

}


/* Powered by WordPress を非表示 */

.site-footer-copyright p:last-child{

    display:none;

}


@media (max-width:768px){

    .site-footer .col-lg-4,
    .site-footer .col-md-6{

        width:100%;
        flex:0 0 100%;
        max-width:100%;

    }

    .site-footer .widget{

        margin-bottom:32px;

    }

    .site-footer .wp-block-group{

        width:100%;
        max-width:100% !important;
        margin:0 !important;
        padding:0 20px;

    }

    .site-footer .wp-block-heading,
    .site-footer .wp-block-list{

        text-align:left;

    }
	
    .site-footer .row{

        justify-content:flex-start !important;

    }
	
	 .site-footer-content .row{

        justify-content:flex-start;

    }

    .site-footer-content [class*="col-"]{

        justify-content:flex-start;

    }

}