.style-pdt{
    padding-top: 50px;
}
.color-intern-text{
    color: #3a6488;
}
.style-img-pdl{
    padding-left: 1em
}
.pdt-detail-2{
    padding-top: 2em;
}
.px-4N {
    padding-left: 13rem !important;
    padding-right: 13rem !important;
}
.rm-mobile{
    display: block
}
.rm-pc{
    display: none;
}
.mg-l-05{
    margin-left: -0.5em;
}
.pd-l-34{
    padding-left: 3.4rem;
}

.custom-tb-black{
    border: 2px solid black;
}
.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.img-item{
    width: 50px;
    height:50px;
}
.box-center{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 4px;
}
.box-item{
    border: 1px solid #6ad794;
    background: #e2f0d9;
    padding: 2rem;
}
.box-item-column{
    border: 1px solid #6ad794;
    background: #ffffff;
    padding: 4px 6px;
}

.box-item-column-3{
    border: 1px solid #6ad794;
    background: #e2f0d9;
    padding: 4px 6px;
}

.box-item-column>p{
    width: 16px;
}

.box-item-column-3>p{
    width: 16px;
}


.cl-black{
    color: black;
}

@media (max-width: 575.98px) {
    .rm-pc{
        display: block
    }
    .style-pdt{
        padding-top: 20px !important;
    }
    .px-4N {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .news-header{
        display: block;
        font-size: 20px;
    }
    .flex-container{
        flex-direction: column;
    }
    .img-item{
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .box-item-column>p{
        width: auto;
        margin: 0;
    }

    .box-item-column-3>p{
        width: auto;
        margin: 0;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
   .news-header{
        display: block;
    }
    .flex-container{
        flex-direction: column;
    }
    .img-item{
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    
    .box-item-column>p{
        width: auto;
        margin: 0;
    }

    .box-item-column-3>p{
        width: auto;
        margin: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .news-header{
        display: inline-flex;
    }
}