.reasonBox{
    width: 100%;
}
.flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0!important;
    width: 100%!important;
    padding: 0!important;
    margin:var(--space-20) 0!important;
    border-bottom: 5px solid var(--color-blue);
}
.w30{
    width: 25%!important;
}
.w70{
    width: 70%!important;
}
.futureP{
    font-size: calc(var(--font-size-28)*1);
    background: var(--color-yellow);
}
.text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: var(--space-50);
}
.text p{
    width: 60%;
    line-height: 1.5;
}
button{
    border:1px solid var(--color-blue);
    padding:var(--space-20) var(--space-10);
    color: var(--color-blue);
    font-weight: bold;
    font-size: var(--font-size-16);
    background: none;
    width: 30%;
}
button a{
    display: flex;
    align-items: center;
    justify-content: center;
}
.pd{
    padding:0 var(--space-20);
}

/* ========================================================== */
/* ==============  2023スマホ     1024px   ==================== */
/* ========================================================== */
@media screen and (max-width:1024px){
.w30{
    width: 100%!important;
}
.w70{
    width: 100%!important;
}
.max100{
    max-width: 100%!important;
}
.text{
    flex-direction: column;
}
button{
    margin-top: var(--space-20);
    width: 100%;
}
.text p{
    width: 100%;
}

}
/* ========================================================== */
/* ==============  2023スマホ     600px   ==================== */
/* ========================================================== */
@media screen and (max-width:600px){
    .pageImgContainer .headLine{
        left: 20px;
    }
    .flex{
        flex-direction: column;
    }

}