.bnr-journal {
display: none!important;
}

.cm-title {
text-align: center;
color: #74a570;
}
.cm-title span {
font-size: 14px;
line-height: 14px;
}
.cm-title h3 {
margin: 10px 0 0;
padding: 0;
font-weight: bold;
font-size: 30px;
line-height: 30px;
}

@media screen and (max-width: 768px) {
.cm-title span {
font-size: 12px;
line-height: 12px;
}
.cm-title h3 {
margin-top: 5px;
font-weight: bold;
font-size: 24px;
line-height: 24px;
}
}



/*--------------------------------------------------------------------------
hero
---------------------------------------------------------------------------*/
#hero {
width: 94%;
max-width: 1440px;
margin: 100px auto 0;
position: relative;
}
#hero img {
width: 100%;
height: auto;
}
#hero .label {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
text-align: center;
color: #fff;
}
#hero .label h2 {
margin: 0;
padding-top: 0;
font-size: 30px;
font-weight: bold;
}
#hero .label span {
display: block;
font-size: 13px;
line-height: 13px;
}


@media screen and (max-width: 768px) {
#hero {
width: 100%;
max-width: 1440px;
margin: 0 auto;
position: relative;
}
#hero .label h2 {
margin: 0;
padding-top: 0;
font-size: 26px;
font-weight: bold;
}
#hero .label span {
display: block;
font-size: 12px;
line-height: 12px;
}
}

/*--------------------------------------------------------------------------
breadcrumb-list
---------------------------------------------------------------------------*/
.breadcrumb-list {
width: 90%;
max-width: 1440px;
margin: 20px auto 0;
}
.breadcrumb-list li {
display: inline-block;
font-size: 13px;
letter-spacing: 0;
}
.breadcrumb-list li::after {
content: "›";
padding: 0 5px 0 10px;
}
.breadcrumb-list li:last-child::after {
display: none;
}

@media screen and (max-width: 768px) {
.breadcrumb-list {
width: 94%;
max-width: 1440px;
margin: 10px auto 0;
}
}


/*--------------------------------------------------------------------------
bnr
---------------------------------------------------------------------------*/
.bnr {
width: 86.6666%;
max-width: 900px;
margin: 0 auto;
background: #e2ece1;
border-radius: 5px;
position: relative;
}
.bnr a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px;
text-decoration: none;
}
.bnr a .cover {
width: 300px;
}
.bnr a .cover img {
width: 100%;
height: auto;
}
.bnr a .info {
width: calc(100% - 330px);
align-self: center;
font-size: 18px;
line-height: 1.8;
font-weight: bold;
}
.bnr a .info span {
display: block;
font-size: 13px;
line-height: 1.4;
letter-spacing: 0;
font-weight: normal;
position: relative;
}

@media screen and (max-width: 768px) {
.bnr a .cover {
width: 100%;
}
.bnr a .info {
width: 100%;
margin-top: 10px;
font-size: 16px;
line-height: 1.6;
}
}

/*--------------------------------------------------------------------------
aside
---------------------------------------------------------------------------*/
aside {
background: #fff;