.introduce{
    /* padding: 1rem 30rem; */
    max-width: 59rem;
    margin: 0 auto;
    padding-bottom: 12.5rem;
    width: 100%;
    /* text-align: justify; */
}
.text-h1{
    /* font-family: 'NTJSans-Regular',sans-serif; */
    font-size: 1.75rem;
    font-weight: 400;
    text-align: center;
    margin: 4rem auto;
    color: #A2041B;
    text-transform: uppercase;
}
.introduce h3{
    font-family: 'NTJSans-Bold';
    color: #a2041b;
    font-size: 1.063rem;
    margin-top: 3.125rem;
}
.introduce h3:first-of-type{
    margin-top: 5.625rem;
}
.introduce p{
    font-size: 1rem;
    margin-top: 0; 
    margin-bottom: .3rem;
}
.introduce ul{
    padding-left: 2rem;
    font-size: 1rem;
    line-height: 1.5;
    word-break: keep-all;
    list-style-type: disc;
}
.introduce ul li ul li{
    /* padding-left: 2rem; */
    font-size: 1rem;
    line-height: 1.5;
    word-break: keep-all;
    list-style-type: circle;
}
.img-intro img{
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}
@media(max-width:1024px){
    .introduce{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
/* @media(min-width:768px){
.container {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.js-loaded .container {
    opacity: 1;
}
} */
@media(max-width:768px){
    .introduce{
        text-align: left;
        padding-bottom: 6.25rem;
    }
    .breadcumb{
        padding-left: 2rem;
    }
    .text-h1{
        font-size: 1.25rem;
        margin: 2rem auto;
    }
    .introduce h3{
        font-size: 0.875rem;
        margin-top: 3.125rem;
    }
}