.page-header{
    padding:0;
}
.page-header .flex{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
}
.page-header--link{
    display:none;
    visibility:hidden;
    opacity:0;
}
.page-header .--inner{
    width:92%;
    margin:1.25rem auto 1.25rem auto;
    padding:.625rem 0;
    background:var(--jpp-white);
    border-radius:var(--border-radius-base);
    box-shadow:var(--box-shadow);
}
.page-header .logo-link svg{
    width:3.75rem;
}
.page-header .logo-link a{
    font-size:var(--font-sm);
    font-weight:var(--font-w-xl);
    display:flex;
    align-items:center;
    gap:.313rem;
}
.page-header .logo-link a span{
    line-height:1.2;
}
.page-header .ul-list{
    display:flex;
    align-items:center;
}
.page-header .ul-list > li+li,.page-header .btn-group ul > li+li{
    margin-left:.938rem;
}
.page-header .ul-list li a{
    font-size:var(--font-sm);
}
.s-content{
    padding:0;
}
.s-content .s-bg{
    padding:3.125rem 0;
    background:var(--jpp-grey);
    border-radius:clamp(1.875rem,1.94vi + 1.42rem,3.75rem) 0  0 clamp(1.875rem,1.94vi + 1.42rem,3.75rem);
}
.s-content figure{
    display:none;
    visibility:hidden;
    opacity:0;
    overflow:hidden;
    border-radius:var(--border-radius-sm);
}
.form-content .h2-ttl{
    margin-bottom:clamp(1.875rem,1.29vi + 1.57rem,3.125rem);
    text-align:center;
}
.form-content .h2-ttl > span+span{
    justify-content:center;
}
/*-- form input edit --*/
.buk-form label{
    font-size:var(--font-sm);
    margin-bottom:.625rem;
}
.buk-input,.buk-textarea,.buk-select,.buk-file-input-content{
    font-size:1rem;
    padding:.75rem .938rem;
    background:var(--jpp-white);
    color:var(--jpp-primary);
    border:0;
    border-radius:var(--border-radius-default);
    width:100%;
    height:3.125rem;
    line-height:3.125rem;
    box-shadow:none;
}
.buk-input:focus-visible,.buk-input:focus,.buk-input:active{
    outline:var(--jpp-primary);
}
.buk-form .buk-button-primary{
    border-radius:3.125rem!important;
}
.buk-form .buk-button-primary{
    font-size:clamp(1rem,.66vw + .84rem,1.38rem);
    position:relative;
    text-align:center;
    width:12.5rem;
    height:clamp(3.75rem,1.1vw + 3.49rem,4.38rem);
    line-height:clamp(3.75rem,1.1vw + 3.49rem,4.38rem);
    margin-top:1.25rem!important;
    background:var(--jpp-primary);
    color:var(--jpp-white);
    -webkit-box-shadow:-2px 6px 23px -8px rgba(29,29,27,.4);
    -moz-box-shadow:-2px 6px 23px -8px rgba(29,29,27,.4);
    box-shadow:-2px 6px 23px -8px rgba(29,29,27,.4);
}
/*-- media query 48rem --*/
@media screen and (min-width:48rem){
    .s-content{
        width:calc(100% - clamp(3.75rem,5.21vi + 1.25rem,7.5rem));
        margin-left:auto;
    }
    .s-content .s-bg{
        padding:6.25rem 0;
    }
    .s-content figure{
        display:block;
        visibility:visible;
        opacity:1;
    }
    .form-content .flex{
        display:flex;
        align-items:center;
        gap:6.25rem;
    }
    .form-content .flex > div{
        width:50%;
    }
    .form dl{
        display:flex;
        gap:.938rem;
    }
    .form dl dt{
        flex-shrink:0;
        width:8.75rem;
        margin:1.25rem 0 0;
    }
    .form dl dd{
        flex-basis:auto;
        width:100%;
    }
    .notice{
        text-align:center;
    }
    /*-- form input edit --*/
    .buk-form .buk-form-row > div{
        display:flex;
        gap:.938rem;
    }
    .buk-form-group label{
        flex-shrink:0;
        width:8.75rem!important;
    }
}
/*-- media query 64rem --*/
@media screen and (min-width:64rem){
    .page-header .--inner{
        max-width:87.5rem;
    }
    .page-header--link{
        display:block;
        visibility:visible;
        opacity:1;
    }
    
}