@charset "utf-8";
/*===========
header
=============*/
.header{
    z-index: 999;
    position: fixed;
    width: 100%;
    background-image: url(../images/bg-yellow-sp.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (min-width:769px) {
    .header{
        background-image: url(../images/bg-yellow-pc.svg);
        border-top: none;
    }
}

/*===========
article__header
=============*/
.article__header{
    padding: 105px 4.2% 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.ttl__area{
    position: relative;
}

.ttl_Img{
    width: 10%;
    max-width: 100px;
    height: auto;
}


.about__ttl{
    color: var(--primary-Black);
    font-size: 3.2rem;
    font-weight: 700;
    line-height: normal;
    position: relative;
    text-align: center; 
}

.about__ttl__p{
    color:var(--primary-Black);
    font-size: 3.2rem;
    font-weight: 700;
    line-height: normal;
    text-align: center; 
    text-shadow: 4px 4px 0px #F9B42C;
    position: absolute;
    inset: 0;
    z-index: -1;
    /* 追加 */
    -webkit-text-stroke: 2px var(--primary-Black);
}

.sub__ttl{
    color:var(--primary-Black);
    text-align: center;
    font-family: "IBM Plex Sans JP";
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6; /* 162.5% */
    margin-top: 8px;
}


@media screen and (min-width:769px) {
    .article__header{
        padding: 150px 8% 0;
        gap: 3%;
    }

    .ttl_Img{
        width: 7%;
        max-width: 150px;
    }

    .about__ttl{
        font-size: 6.4rem;
    }
    
    .about__ttl__p{
        font-size: 6.4rem;
    }

    .sub__ttl{
        font-size: 2.4rem;
    }
}/*pc769px*/


/*========================
ここからセクション
========================*/
.section{
    padding: 60px 4.2%;
    max-width: 450px;    
    margin: 0 auto;
}

.text__box{
    margin-top: 24px;
}

.text,.text__p{
    color: var(--primary-Black);
    font-family: "IBM Plex Sans JP";
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
}

.text__ttl{
    color: var(--primary-Black);
    font-family: "IBM Plex Sans JP";
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5;
    text-decoration-line: underline;
    text-decoration-style: solid;

}
.mitake{
    display: block;
        width: 100%;
        max-width: 150px;
        height: auto;
        margin: 40px auto 0;
}

@media screen and (min-width: 769px) {
    .section{
        padding: 60px 11.1%;
        max-width: initial;    
    }
}

@media screen and (min-width: 769px) {
    .footer {
        border-top: none;
    }
}