@charset "UTF-8";
.special_00028 { padding: 100px 0; background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; }

.special_00028 .list { margin: 15px -10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.special_00028 .sbox { position: relative; height: 193px; width: calc(33.33% - 20px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 40px; margin: 25px 10px 0; background: rgba(60, 49, 201, 0.5); }

.special_00028 .sbox:nth-child(3n) { margin-right: 0; }

.special_00028 .sbox .bg { z-index: 1; position: absolute; top: 0; bottom: 0; background: url(../../image/special_00028/bg2-2.png) no-repeat center; background-size: cover; left: 25px; right: 25px; display: none; }

.special_00028 .sbox .bg::before, .special_00028 .sbox .bg::after { content: ""; width: 25px; height: 100%; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; }

.special_00028 .sbox .bg::before { left: -25px; background-image: url(../../image/special_00028/bg2-1.png); }

.special_00028 .sbox .bg::after { right: -25px; background-image: url(../../image/special_00028/bg2-3.png); }

.special_00028 .sbox .scont { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.special_00028 .sbox .data { font-size: 18px; margin-right: 18px; text-align: center; font-family: Arial, Helvetica, sans-serif; }

@media (max-width: 768px) { .special_00028 .sbox .data { font-size: 16px; } }

.special_00028 .sbox .data span { display: block; line-height: 1; font-size: 66px; line-height: 1.2; }

@media (max-width: 768px) { .special_00028 .sbox .data span { font-size: 28px; } }

.special_00028 .sbox .rbox { width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.special_00028 .sbox .rbox .t { font-size: 18px; white-space: nowrap; line-height: 1.5; height: 1.5em; text-overflow: ellipsis; overflow: hidden; }

@media (max-width: 768px) { .special_00028 .sbox .rbox .t { font-size: 16px; } }

.special_00028 .sbox .rbox .p { color: #f5cecd; margin-top: 8px; width: 100%; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.5; height: 6em; text-overflow: ellipsis; overflow: hidden; }

body:not(.lang-en) .special_00028 .sbox .rbox .p { text-align: justify; text-justify: inter-ideograph; }

/*	pc 端	*/
/*	1280~1440	*/
@media (max-width: 1480px) { .special_00028 .sbox { padding: 0 20px; } }

@media (max-width: 1000px) { .special_00028 .sbox { width: calc(50% - 20px); } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00028 { padding: 40px 0; }
  .special_00028 .list { margin: 25px 0 0; display: block; }
  .special_00028 .sbox { width: 100%; margin: 15px 0 0; }
  .special_00028 .sbox .data { margin-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; margin-top: 5px; }
  .special_00028 .sbox .data span { position: relative; font-size: 16px; line-height: 1.6; }
  .special_00028 .sbox .data span::before { content: '.'; }
  .special_00028 .sbox .scont { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .special_00028 .sbox .rbox { margin-top: 8px; width: 100%; }
  .special_00028 .sbox .rbox .p { margin-top: 5px; height: auto; } }