.page-blc .detail h1,
.page-blc .detail h2,
.page-blc .detail h3,
.page-blc .detail h4,
.page-blc .detail h5
{
    color:#fff !important;
}
#footer{
    padding-bottom:110px;
}
#promotion{
    scroll-margin-top: 50px;
}
@media screen and (max-width: 767px) {
     .ttl ,.txt-intro,h1{
        font-size: 120% !important;
    }
}

.btn-style02 .btn-disabled {
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}
.modal-style01 .member-blc .form-blc .txt-bottom .btn-txt{
    text-decoration:underline;    
}
.member-blc .form-blc .invalid-feedback{
    color:#fff !important;
}
.modal-style01 .alert h5,.modal-style01 .alert a{
    color:#000 ;
}

/* box-style01 --------------- */

.box-style01 {
    margin: 2% 0 20px;
}

.box-style01 .ttl {
    padding: 7px 0;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
}

.box-style01 .ttl .icn {
    width: 40px;
    margin-right: 4px;
}

.box-style01 .ttl .txt01 {
    font-size: 26px;
    font-weight: 900;
    line-height: 1.4;
    letter-spacing: 0.1rem;
    
}

@media screen and (max-width: 767px) {
    .box-style01 .ttl .txt01 {
        font-size: 140%;
    }
}

@media screen and (max-width: 480px) {
    .box-style01 .ttl .txt01 {
        font-size: 115%;
    }
}