.about { padding: 80px 0 0; }

.about .about-desc { text-align: center; line-height: 1.8; margin-bottom: 30px; }

.about .about-desc .about-desc--light { color: #da0c11; font-weight: bold; }

.about-cert { position: relative; background: url(../images/laboratory23.jpg) no-repeat; background-size: cover; padding: 150px 0; margin-top: 80px; }

.about-cert .about-cert-icon { position: absolute; width: 50px; height: 50px; border-radius: 50%; left: 50%; margin-left: -25px; top: -20px; }

.about-cert .about-cert-list { display: flex; justify-content: space-around; flex-wrap: wrap; }

.about-cert .about-cert-list .about-cert-item { text-align: center; width: 25%; border-right: 1px solid #fff; color: #fff; }

.about-cert .about-cert-list .about-cert-item:last-child { border-right: none; }

.about-cert .about-cert-list .about-cert-item .about-cert-item__icon { width: 113px; height: 87px; object-fit: contain; }

.about-cert .about-cert-list .about-cert-item .about-cert-item__title { font-size: 18px; font-weight: bold; margin: 20px 0 6px; }

.about-cert .about-cert-list .about-cert-item .about-cert-item__title--en { font-size: 12px; }

.news { padding: 80px 0; }

/*.news .news-item .news-item__date { font-size: 30px; font-weight: bold; color: #c3c3c3; }

.news .news-item .news-item__year { color: #c3c3c3; font-size: 12px; }

.news .news-item .news-item__year::after { display: block; content: ""; width: 30px; background-color: #c3c3c3; height: 2px; margin-top: 10px; }

.news .news-item .news-item__title { font-size: 18px; font-weight: bold; margin-top: 20px; }

.news .news-item .news-item__desc { height: 42px; margin: 20px 0 30px; }

.news .news-item .v-flex::after { padding-bottom: 75.34247%; }

.news .news-item .news-item__image { height: 100%; position: absolute; object-fit: cover; width: 100%; border-radius: 10px; }*/

.news .news-controllers { width: 240px; margin: 50px auto 0; background-color: #f9f9f9; display: flex; text-align: center; line-height: 50px; border: 1px solid #eee; cursor: pointer; }

.news .news-controllers .news-controllers-more { flex: 1; border: 1px solid #eee; border-width: 0 1px; }

.news .news-controllers .news-controllers-button { width: 60px; height: 50px; }

.news .news-controllers .news-controllers-button .news-controllers-button__icon { width: 18px; }


.news .news-item { display: block; }

.news .news-item .news-item__thumb { width: 100%; margin-bottom: 15px; }

.news .news-item .news-item__thumb .news-item__thumb__image { position: absolute; object-fit: cover; width: 100%; height: 100%; border-radius: 10px; }

.news .news-item .news-item__thumb::after { padding-bottom: 51.6129%; }

.news .news-item .news-item__time { color: #979797; font-family: "Arial"; }

.news .news-item .news-item__title { font-size: 18px; padding: 10px 0; border-bottom: 1px solid #eee; color: #5a5a5a; font-weight: bold; }

.news .news-item .news-item__more { margin-top: 15px; color: #878787; }


@media (max-width: 768px) { .news .news-item { width: calc(50% - 20px); }
  .news .news-item .news-item__title { font-size: 14px; padding: 6px 0; }
  .news .news-item .news-item__thumb { margin-bottom: 6px; }
  .news .news-item .news-item__thumb::after { padding-bottom: 69.12442%; }
  .news .news-item .news-item__more { margin-top: 6px; } }

.contact, .cert { padding-top: 80px; }

.cert-content { background: url(../images/overview11.jpg) no-repeat; background-size: cover; padding: 60px 0 50px; }

.cert-content img { width: 100%; }

.contact .contact-wrap { background: url(../images/overview13.jpg) no-repeat; background-size: cover; padding: 100px 0; }

.contact .contact-content { background-color: #fff; display: flex; padding: 30px 0; }

.contact .contact-address, .contact .contact-number, .contact .contact-qrcodes { width: 38%; border-right: 1px solid #eee; }

.contact .contact-address:last-child, .contact .contact-number:last-child, .contact .contact-qrcodes:last-child { border-right: none; width: 24%; }

.contact .contact-address { display: flex; align-items: center; justify-content: center; }

.contact .contact-address .contact-address__icon { margin-right: 15px; }

.contact .contact-number { padding: 20px 40px; }

.contact .contact-number .contact-company { font-size: 18px; font-weight: bold; margin-bottom: 20px; }

.contact .contact-number .contact-number-item { line-height: 2; color: #727272; display: inline-block; margin-right: 20px; }

.contact .contact-number .contact-number-item:last-child { width: 100%; }

.contact .contact-number .contact-number-item .contact-number-item__label { font-weight: bold; }

.contact .contact-number .contact-number-item .contact-number-item__light { color: #da0c11; font-weight: bold; }

.contact .contact-qrcodes { display: flex; padding: 20px 40px; justify-content: space-around; }

.contact .contact-qrcodes .contact-qrcode { text-align: center; color: #727272; }

.contact .contact-qrcodes .contact-qrcode .contact-qrcode__image { width: 100px; }


@media (max-width: 768px) { .breadcrumbs2 .breadcrumbs2-content .breadcrumbs2-menu .breadcrumbs2-menu-item { flex: 1; }
  .about { padding: 30px 0 0 0; }
  .about .about-desc { text-align: left; }
  .mobile-title { width: 150px; }
  .about-content--mibile { display: flex; }
  .about-content--mibile .about-content__desc--mibile { flex: 1; }
  .about-content--mibile .about-content__image--mibile { width: 100px; height: 440px; margin-left: 10px; }
  .about-cert { background-image: none; padding: 30px 0; margin-top: 0; }
  .about-cert .about-cert-list .about-cert-item { width: 50%; color: inherit; margin-bottom: 20px; }
  .news { padding: 0 0 30px 0; }
  .news .news-item .news-item__date { font-size: 20px; }
  .news .news-item .news-item__title { margin-top: 10px; font-size: 14px; }
  .news .news-item .news-item__desc { margin: 10px 0 20px 0; }
  .cert { padding: 20px 0; }
  .cert .cert-content { padding: 0; }
  .cert .cert-content .u-container { padding: 0; }
  .contact-map { width: 100%; height: 180px; object-fit: cover; }
  .contact { padding-top: 20px; background-image: none; }
  .contact .contact-wrap { padding: 0; }
  .contact .contact-wrap .contact-content { flex-wrap: wrap; padding: 30px 10px; }
  .contact .contact-address, .contact .contact-number, .contact .contact-qrcodes { width: 100%; padding: 0; border: none; }
  .contact .contact-number { order: 1; }
  .contact .contact-address { order: 2; justify-content: flex-start; margin: 30px 0; }
  .contact .contact-qrcodes { order: 3; justify-content: center; }
  .contact .contact-qrcodes:last-child { width: 100%; } }