.page_ttl-block {
    position: relative;
    background: url(../img/news/main-img.jpg) no-repeat center center;
    background-size: cover
}

.page_ttl-block .logo_50th {
    position: absolute;
    left: 112px;
    top: 20.6%
}

@media only screen and (min-width: 897px) and (orientation: landscape) and (max-height: 750px), only screen and (min-width: 768px) and (orientation: portrait) and (max-height: 750px) {
    .page_ttl-block .logo_50th {
        max-width:29vh
    }
}

@media only screen and (min-width: 897px) and (orientation: landscape) and (orientation: landscape), only screen and (min-width: 768px) and (orientation: portrait) and (orientation: landscape) {
    .mobile .page_ttl-block .logo_50th {
        left:23px;
        top: 67px;
        width: 30%;
        max-width: 100px
    }
}

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) {
    .page_ttl-block {
        background:url(../img/news/main-img-sp.jpg) no-repeat center top;
        background-size: cover
    }

    .page_ttl-block .logo_50th {
        left: 15px;
        top: 62px;
        width: 30%;
        max-width: 100px
    }
}

@media only screen and (max-width: 896px) and (orientation: landscape) and (orientation: landscape), only screen and (max-width: 767px) and (orientation: portrait) and (orientation: landscape) {
    .page_ttl-block .logo_50th {
        top:20.7%
    }
}

.contents {
    margin: 45px 0 30px 0
}

.contents .wcm01 {
    max-width: 1108px
}

.contents .list-news {
    margin: 0
}

.contents .list-news li {
    padding: 0;
    display: block;
    width: 100%;
    border-bottom: 1px solid #CBCBCB;
    margin-bottom: 50px;
    padding-bottom: 60px
}

.contents .list-news li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.contents .list-news li a {
    display: block;
    width: 100%
}

.contents .list-news li a:hover {
    opacity: 1
}

.contents .list-news li .thumb {
    width: 237px;
    float: left;
    margin-right: 45px;
    margin-bottom: 0
}

.contents .list-news li .info {
    overflow: hidden
}

.contents .list-news li .ttl {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4;
    margin-top: 6px;
    letter-spacing: 3.3px;
    text-align: left;
    overflow: hidden;
    width: 100%;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: normal
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .contents .list-news li .ttl {
        overflow: hidden;
        position: relative;
        line-height: 28px;
        max-height: 56px;
        text-align: justify;
        margin-right: -1.15em;
        padding-right: 1.15em
    }

    .contents .list-news li .ttl:before {
        content: '…';
        position: absolute;
        right: 0;
        bottom: 0
    }

    .contents .list-news li .ttl:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1.15em;
        height: 1em;
        margin-top: 0.2em;
        background: #fff
    }
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) and (-ms-high-contrast: active), screen and (-ms-high-contrast: active) and (-ms-high-contrast: none), (-ms-high-contrast: none) and (-ms-high-contrast: none) {
    .contents .list-news li .ttl {
        text-justify: inter-cluster
    }
}

@-moz-document url-prefix() {
    .contents .list-news li .ttl {
        overflow: hidden;
        position: relative;
        line-height: 28px;
        max-height: 56px;
        text-align: justify;
        margin-right: -1.15em;
        padding-right: 1.15em
    }

    .contents .list-news li .ttl:before {
        content: '…';
        position: absolute;
        right: 0;
        bottom: 0
    }

    .contents .list-news li .ttl:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1.15em;
        height: 1em;
        margin-top: 0.2em;
        background: #fff
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .contents .list-news li .ttl {
            text-justify: inter-cluster
        }
    }
}

.contents .list-news li .desc {
    margin-top: 27px;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 2.4px;
    overflow: hidden;
    width: 100%;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 26px
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .contents .list-news li .desc {
        overflow: hidden;
        position: relative;
        line-height: 26px;
        max-height: 78px;
        text-align: justify;
        margin-right: -1.15em;
        padding-right: 1.15em
    }

    .contents .list-news li .desc:before {
        content: '…';
        position: absolute;
        right: 0;
        bottom: 0
    }

    .contents .list-news li .desc:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1.15em;
        height: 1em;
        margin-top: 0.2em;
        background: #fff
    }
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) and (-ms-high-contrast: active), screen and (-ms-high-contrast: active) and (-ms-high-contrast: none), (-ms-high-contrast: none) and (-ms-high-contrast: none) {
    .contents .list-news li .desc {
        text-justify: inter-cluster
    }
}

@-moz-document url-prefix() {
    .contents .list-news li .desc {
        overflow: hidden;
        position: relative;
        line-height: 26px;
        max-height: 78px;
        text-align: justify;
        margin-right: -1.15em;
        padding-right: 1.15em
    }

    .contents .list-news li .desc:before {
        content: '…';
        position: absolute;
        right: 0;
        bottom: 0
    }

    .contents .list-news li .desc:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1.15em;
        height: 1em;
        margin-top: 0.2em;
        background: #fff
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .contents .list-news li .desc {
            text-justify: inter-cluster
        }
    }
}

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) {
    .contents {
        margin:114px 17px 100px 17px
    }

    .contents .list-news {
        margin: 0
    }

    .contents .list-news li {
        padding: 0;
        width: 100%;
        border-bottom: 0;
        margin-bottom: 60px;
        padding-bottom: 0
    }

    .contents .list-news li:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .contents .list-news li .thumb {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 30px
    }

    .contents .list-news li .date {
        letter-spacing: 0.7px
    }

    .contents .list-news li .ttl {
        letter-spacing: 3px
    }

    .contents .list-news li .desc {
        margin-top: 23px
    }
}

.news-single .contents {
    margin: 145px 0 80px 0
}

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) {
    .news-single .contents {
        margin:115px 17px 80px 17px
    }

    .news-single .contents #sidebar {
        margin-top: 10px
    }
}

.single-block {
    margin-bottom: 53px
}

.single-block .date {
    color: rgba(0,0,0,0.5);
/*    font- family: "Poppins",sans-serif;*/
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-bottom: 7px
}

.single-block .ttl {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 35px;
    letter-spacing: 2px
}

.single-block .pic {
    margin-bottom: 42px
}

.single-block .cmsContent p {
    letter-spacing: 2.7px;
    line-height: 1.1; /*1.65*/
}
.rp-en-lang .single-block .cmsContent p, .rp-vi-lang .single-block .cmsContent p { letter-spacing: 0em; line-height: 1.3; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) {
    .single-block {
        margin-bottom:37px
    }

    .single-block .ttl {
        margin-bottom: 32px;
        letter-spacing: 3px
    }

    .single-block .pic {
        margin-bottom: 35px
    }
}

@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 320px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 320px) {
    .single-block .ttl {
        letter-spacing:2px;
        font-size: 22px;
        font-size: 2.2rem
    }
}

.l-en .single-block .ttl {
    letter-spacing: 0;
    text-align: left;
    font-weight: 500;
/*    font- family: "Prata",serif*/
}

.l-en .single-block .cmsContent p {
    letter-spacing: 1px
}

.l-kr .single-block .ttl {
    letter-spacing: 1px
}

.l-kr .single-block .cmsContent p {
    letter-spacing: 1px
}

.l-vn .page_ttl-block .wcm .page_ttl-info .jp {
/*    font- family: "Prata",serif*/
}

.l-vn .cmn-contact .txt1 {
/*    font- family: "Prata",serif;*/
    margin-bottom: 50px;
    letter-spacing: 0px
}

.l-vn .cmn-contact .mail-box li a {
    text-transform: none
}

.l-vn .cmn-contact .mail-box li a span {
    letter-spacing: 0
}

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) {
    .l-vn .cmn-contact .mail-box li a.bg-red1 span {
        padding:0 38px 0 70px
    }

    .l-vn .cmn-contact .mail-box li a.bg-red2 span {
        padding: 0 25px 0 75px
    }
}

@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 320px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 320px) {
    .l-vn .cmn-contact .mail-box li a.bg-red1 span {
        padding:0 17px 0 60px
    }

    .l-vn .cmn-contact .mail-box li a.bg-red2 span {
        padding: 0 15px 0 60px
    }
}

.l-vn .cmn-contact .tel-box .txt {
/*    font- family: "Prata",serif*/
}

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) {
    .l-vn .cmn-contact .tel-box .txt {
        padding:10px 0 0 0;
        text-align: center;
        margin-bottom: -3px
    }

    .l-vn .cmn-contact .mail-box li a {
        font-size: 20px;
        font-size: 2rem
    }
}

@media only screen and (max-width: 896px) and (orientation: landscape) and (max-width: 320px), only screen and (max-width: 767px) and (orientation: portrait) and (max-width: 320px) {
    .l-vn .cmn-contact .txt1 {
        font-size:17px
    }
}

.l-vn .list-news {
/*    font- family: "Prata",serif*/
}

.l-vn .list-news li .ttl,.l-vn .list-news li .desc {
    letter-spacing: 1px
}

.l-vn .single-block {
/*    font- family: "Prata",serif*/
}

.l-vn .single-block .ttl {
    letter-spacing: 0;
    text-align: left;
    font-weight: 500;
/*    font- family: "Prata",serif*/
}

.l-vn .single-block .cmsContent p {
    letter-spacing: 1px
}

.l-vn .single-block .cmsContent ul {
    letter-spacing: 1px
}

/*# sourceMappingURL=maps/news.min.css.map */

.top-copy { text-align: inherit; letter-spacing: 0; }
.contents .list-news li .ttl { letter-spacing: 0; }
.contents .list-news li .desc { letter-spacing: 0; }