@charset "UTF-8";
@import url(form.css);
/*---------------------------------------
お問い合わせ
-----------------------------------------*/
.pagetitle_wrap {
    background:url(../img/contact_img/pagetitle_bg.png) center center no-repeat color-mix(in srgb, var(--season-color), white 70%);
    background-size: cover;
}

.step_title{
    font-size: var(--font-xl);
    font-weight: 800;
    background: var(--season-color);
    border-radius: var(--inner-radius);
    padding:clamp(0.5rem, 0.405rem + 0.4vw, 0.75rem) 1.3rem;
    text-align: left;
    margin-bottom:1.4rem;

    display: flex;
    flex-direction: column;

    @media (width >= 768px) {
        flex-direction: row;
        align-items: center;
        gap: 1.125rem;
    }

    .step{
        font-family: var(--font-en);
        font-weight: var(--font-en-weight);
        color: var(--subcolor);
        font-size: var(--font-l);
        &::before{
            content: "Step";
            display: inline-block;
            margin-right: 0.2rem;
        }
    }
}

.step_img{
    margin-bottom: 1.5rem;

}