/*==================================================
05 Section
==================================================*/

/*======== Base ========*/

/*
.it-section{

    position:relative;

    padding:
        var(--space-10)
        0;

}
*/

.it-section{
    position: relative;
    padding-block: clamp(var(--space-7), 6vw, var(--space-10));
}

.it-section:first-child{

    padding-top:0;

}

.it-section:last-child{

    margin-bottom:0;

}

/*======== Background ========*/

.it-bg-white{

    background:var(--white);

}

.it-bg-light{

    background:var(--light);

}

.it-bg-blue{

    background:var(--light-blue);

}

.it-bg-primary{

    background:var(--primary);

    color:#fff;

}

/*======== Padding ========*/

/*
.it-section-sm{

    padding:
        var(--space-6)
        0;

}
*/


.it-section-sm{
    padding-block: clamp(var(--space-4), 4vw, var(--space-5));
}

.it-section-lg{

    padding:
        calc(var(--space-10) + 30px)
        0;

}

/*======== Narrow ========*/

.it-container-narrow{

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

    margin-inline:auto;

}

/*======== Page Hero ========*/

.it-page-header{

    position:relative;

    overflow:hidden;

    padding:

        100px

        20px;

    text-align:center;

    color:#fff;

    background:
        linear-gradient(
            rgba(13,46,97,.85),
            rgba(18,58,122,.75)
        );

}

.it-page-header h1{

    color:#fff;

    font-size:clamp(34px,5vw,48px);

    margin-bottom:12px;

}

.it-page-header p{

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

    font-size:17px;

    margin:0;

}



/*======== Decoration ========*/

.it-section-wave{

    overflow:hidden;

}

/*======== Divider ========*/

.it-divider{

    width:80px;

    height:4px;

    margin:

        var(--space-6)

        auto;

    background:var(--primary);

    border-radius:999px;

}

/*======== Section Header ========*/

.it-section-header{

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

    text-align:center;

}

.it-section-header-left{

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

    text-align:left;

}

/*======== Two Column ========*/

.it-section-row{

    display:grid;

    grid-template-columns:

        1fr

        1fr;

    gap:60px;

    align-items:center;

}

.it-section-row.reverse{

    direction:rtl;

}

.it-section-row.reverse>*{

    direction:ltr;

}

/*======== Image ========*/

.it-section-image img{

    width:100%;

    border-radius:var(--radius-l);

    box-shadow:var(--shadow-m);

}

/*======== Content ========*/

.it-section-content>*+*{

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

}

/*==================================================
Section Page
下層ページ先頭セクション
==================================================*/

.it-section-page-top{
	 padding-top:8px;
}




/* Section Header Bottom Space */
.it-header{
    margin-bottom:40px;
}



.it-section-recruit .it-container{

    flex-direction:column;

    gap:var(--space-4);
	

}