.main-banner{
    position:absolute;
    display:none;
    width:18.75rem;
    right:1.25rem;
    bottom:1.25rem;
    z-index:5;
}
.s-page--ttl .flex{
    position:relative;
    z-index:2;
}
.s-page--ttl::after{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    bottom:0;
    left:0;
    background:linear-gradient(to bottom,rgba(13,90,141,.3) 0%,rgb(9,67,105,.3) 50%,rgb(8,47,73,1) 100%);
    z-index:1;
}
.s-page--ttl .main-banner{
    right:0;
    bottom:0;
}
.-banner-wrap{
    position:relative;
}
.-banner-wrap .close-banner{
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    width:1.875rem;
    height:1.875rem;
    right:-.625rem;
    bottom:-.625rem;
    background-color:var(--color-base);
    border-radius:50%;
    cursor:pointer;
}
.-banner-wrap .close-banner .close-icon{
    width:.938rem;
    line-height:1;
}
.-banner--content{
    display:flex;
    flex-direction:column;
    gap:.313rem;
    text-align:center;
}
.-banner--content > div{
    padding:.625rem .938rem;
    background-color:var(--color-background);
    color:var(--color-base);
}
.-banner--content p{
    font-size:var(--fs-sm);
    line-height:1;
}
.-banner--content > div p:nth-of-type(3){
    margin-top:.625rem;
}
.-banner--content .xs-txt{
    font-size:.75rem;
    text-align:center;
}
.-banner--content .tel-btn{
    font-size:var(--fs-md);
    font-weight:var(--fw-xl);
    display:block;
    margin-top:.625rem;
}
.-banner--content .tel-btn .tel-icon{
    width:1.5rem;
}
.main-banner.banner-hidden {
    display:none!important;
    visibility:hidden;
    opacity:0;
    z-index:0;
}
.breadcrumb{
    padding:.938rem 0;
}
.breadcrumb-ul{
    font-size:var(--fs-sm);
    display:flex;
    justify-content:flex-end;
    gap:.625rem;
}
.breadcrumb-ul li a{
    position:relative;
}
.breadcrumb-ul li a::after{
    content:'';
    position:relative;
    display:inline-block;
    width:.625rem;
    height:.625rem;
    margin-left:.625rem;
    background:url(../img/chevron-right-icon.svg) center / contain no-repeat;
}
.breadcrumb-ul span{
    color:var(--color-background);
}
.en-page .-banner--content .tel-btn{
    margin-top:.313rem;
}
.en-page .-banner--content .xs-txt{
    flex-direction:column;
    gap:.313rem;
}
/*-- media query 75rem --*/
@media screen and (min-width:75rem){
    .main-banner{
        display:block;
    }
}