/*==================================================
04 Typography
==================================================*/

/*======== Body ========*/

p{

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

    color:var(--text);

    line-height:1.9;

}

p:last-child{

    margin-bottom:0;

}

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

h1,
h2,
h3,
h4,
h5,
h6{

    margin:0;

    color:var(--primary);

    font-weight:700;

    line-height:1.4;

}

/*======== Font Weight ========*/

strong{

    font-weight:700;

}

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

.it-heading{

    text-align:left !important;
    margin-top:0 !important;
    margin-bottom:var(--space-5);

}
/*======== English Subtitle ========*/

.it-heading-en{

    display:block;

    margin-bottom:12px;
	  margin-bottom:var(--space-3);

    color:var(--primary);

    font-size:14px;

    font-weight:700;

    letter-spacing:.18em;

    text-transform:uppercase;
	
	 margin-bottom:5px !important;
	

}

/*======== H2 ========*/


.it-heading h2.wp-block-heading::before{

    display:none !important;

}

/*下線をグラデーションにしたバージョン*/

.it-heading h2{

    position:relative;

    margin:0;

    padding:0 0 14px;

    color:var(--primary);

    font-size:28px;

    font-weight:600;

    line-height:1.4;

    border:none;
	  text-align:left !important;

}

.it-heading h2::after{

    content:"";

    position:absolute;

    left:0 !important;
    right:auto !important;
    bottom:0;
    margin-left:0 !important;

    width:60px;
    height:4px;

    background:linear-gradient(
        90deg,
        var(--primary),
        var(--accent)
    );

    border-radius:999px;

}


/*======== H3 ========*/

h3{

    font-size:22px;

}




/*======== H4 ========*/

h4{

    font-size:18px;

}

/*======== Lead ========*/

.it-lead{

    max-width:760px;

    margin:

        var(--space-5)

        auto

        0;

    color:var(--text-light);

    font-size:17px;

    line-height:2;

}

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

.it-heading-left{

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

    text-align:left;

}

.it-heading-left h2::after{

    left:0;

    transform:none;

}

/*======== White Theme ========*/

.it-heading-white{

    color:#fff;

}

.it-heading-white .it-heading-en{

    color:#cfe2ff;

}

.it-heading-white h2{

    color:#fff;

}

.it-heading-white h2::after{

    background:#fff;

}

.it-heading-white .it-lead{

    color:#e8eef8;

}

.it-card .wp-block-heading{

    width:100%;

    display:block;

    margin:0 0 20px;

    text-align:left;

}



/*==================================================
 Text Alignment Utility
==================================================*/

.text-left{
    display:block;
    width:100%;
    text-align:left;
}

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

.text-right{
    display:block;
    width:100%;
    text-align:right;
}

/*======== Text Color ========*/

.text-primary{

    color:var(--primary);

}

.text-light{

    color:var(--text-light);

}

.text-white{

    color:#fff;

}

/*==================================================
 Notice
==================================================*/
.it-notice{

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

    padding:24px 28px;

    background:var(--light-blue);

    border-left:5px solid var(--primary);

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

    color:var(--text);

    line-height:1.9;
    font-weight:700;

}