.--s_scout{
    background-color:var(--secondary-color);
}
.--s_scout .container{
    max-width:60rem;
}
.p-ttl p{
    font-size:var(--fs-sm);
    line-height:1.8;
}
.p-ttl .flex > div+div{
    margin-top:clamp(1.875rem,3.41vi + 1.02rem,3.75rem);
}
.p-ttl figure{
    width:17.5rem;
    margin:0 auto;
}
.s-form{
    padding-top:0;
}
.h2-deco{
    font-family:var(--ab-omusubi);
    position:relative;
    letter-spacing:-.015em;
    text-align:center;
}
.h2-deco span{
    position:relative;
}
.h2-deco span::before,
.h2-deco span::after{
    content:'';
    position:absolute;
    display:inline-block;
    top:0;
    left:-.625rem;
    width:.063rem;
    height:4rem;
    background-color:var(--primary-color);
    transform:rotate(-25deg);
}
.h2-deco span::after{
    right:-.5rem;
    left:auto;
    transform:rotate(25deg);
}
.walking-mouse figure{
    width:6.25rem;
    transform:rotateY(180deg);
}
.steps ol{
    position:relative;
    display:flex;
    gap:.625rem;
    margin-top:-.938rem;
}
.my-profile{
    background-color:var(--white);
    padding:1.875rem 1.25rem 1.25rem;
    border-radius:1.25rem;
    border:.063rem solid var(--primary-color);
    margin-top:-1.25rem;
}
.my-profile .h2-ttl{
    font-size:clamp(2rem,2.21vi + 1.48rem,2.625rem);
    margin-bottom:clamp(1.25rem,1.1vi + .99rem,1.875rem);
}
.s-form .form-txt,
.s-form .form-textarea,
.s-form .form-zip input,
.s-form .form-select select{
    background-color:var(--secondary-color);
}
.form-content .flex{
    flex-direction:column-reverse;
    margin-bottom:.938rem;
}
.form-content .flex > div:nth-of-type(2){
    display:flex;
    justify-content:center;
    margin-bottom:1.25rem;
    padding:.938rem;
    border:.063rem solid var(--primary-color);
}
.form-content .flex figure{
    width:7.5rem;
}
.mw_wp_form_confirm .form-content .flex > div:nth-of-type(2){
    display:none;
}
/*-- media query 80rem --*/
@media screen and (min-width:80rem){
    .s-content .flex{
        flex-direction:row;
        align-items:center;
        justify-content:center;
        gap:1.25rem;
    }
    .p-ttl h1{
        width:80%;
    }
    .p-ttl figure{
        width:100%;
    }
    .h2-deco span::before,
    .h2-deco span::after{
        height:2.5rem;
    }
    .s-content .flex > div{
        width:45%;
    }
    .s-content .flex > div+div{
        width:21.875rem;
        margin-top:0;
    }
    .steps{
        display:flex;
        align-items:flex-end;
    }
    .walking-mouse{
        display:flex;
        justify-content:center;
        width:15.625rem;
    }
    .walking-mouse figure{
        width:7.5rem;
    }
    .steps ol{
        width:calc(100% - 21.875rem);
    }
    .my-profile{
        padding:3.75rem;
    }
    .form-content .flex{
        flex-direction:row;
        align-items:flex-start;
        gap:1.875rem;
    }
    .form-content .flex > div{
        width:100%;
    }
    .form-content .flex > div:nth-of-type(2){
        width:18.75rem;
    }
    .s-confirm--content .flex > div{
        width:7.5rem;
    }
    .s-confirm--content .flex > div+div{
        width:80%;
    }
    .s-confirm--form{
        padding-top:0;
    }
    .s-confirm--form .scout-form{
        padding:3.75rem;
        max-width:48rem;
        margin:0 auto;
        background-color:var(--white);
        border-radius:1.25rem;
    }
    .s-thanks--content .flex{
        flex-direction:column;
    }
    .s-thanks--content .flex > div,
    .s-thanks--content .flex > div+div{
        width:100%;
    }
    .--s_scout .s-thanks--content .container,
    .s-confirm--content .container{
        max-width:48rem;
    }
    .s-confirm--form .scout-form .form-content dl dd{
        font-weight:var(--font-w-regular);
        padding:.625rem;
        background-color:var(--secondary-color);
    }
}