html{background:#fff !important;}
html,
body {
    height: 100%;
    overscroll-behavior: none;
    background: none;
    background-color: unset !important;
    -webkit-tap-highlight-color: initial !important;
}

body{

}

body::before{
    content:"";
    position: fixed; inset:0;              /* 画面全体 */
    background: url(/img/login/mv_bg.png) center/cover no-repeat;
    z-index:-1;                             /* すべての下 */
}

.app-header{
    position: sticky;
    top: 0;
    z-index: 1030; /* 前面に */
}

.app-wrapper{
    backdrop-filter: blur(3.5px);
    background-color: rgba(220, 220, 220, 0.4);

}

.loginbtn{height: 40px;}


@keyframes fadeInBg {
    to {
      opacity: 1;
    }
  }


.no-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.no-scrollbar::-webkit-scrollbar {
display: none;
}

.scroll-area {
overflow: auto;
}

#termsForm{
    display: flex;
    flex-direction: column;
    align-items: center;
}

footer{
 background-color: #222 !important;
 bottom:0;
 width:100%;
 margin-top:auto;
}


.login-bnr-box img{
 width:100%;
}

.login-bnr-wrap{
    max-width: 900px !important;
    margin-top: .5rem !important;
}

.login-bnr-wrap,
.login-bnr-box{
    padding:0 !important;
}

.login-bnr-box{
    margin-bottom:.5rem !important;
}

.login-bnr-box:has(a){
    padding-left: .5rem !important;
    padding-right: .5rem !important;
}

.login-bnr-box a{
    display:none;
    font-size: small !important;
    line-height: 1rem;
    color: #333;
    text-align: center;
    display: block;
}
.login-bnr-box br{
    display: none;
}
.login-bnr-box a:has(img){
    display: block !important;
}

.login-bnr-wrap{
    opacity: 0;
    transform: translateY(10px);
    visibility: hidden;
    transition: opacity .3s ease, transform .3s ease;
}
.login-bnr-wrap.is-show{
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.carousel-indicators{
    margin-bottom: 0rem !important;
}
.wrapper{
    transition: none !important;
}
.carousel-indicators button{
    border:1px solid #333 !important;
    background:#ccc !important;
    margin:10px auto;
    border-radius:5px;
    height:6px !important;
}

.carousel-indicators button.active{
border:1px solid #333;
background:#fff !important;
}

.carousel-caption p{
    margin-bottom: 0rem !important;
}

.loginbtn{
    height: auto;
}

.loginbtn button{
    line-height: 2rem;
}