@charset "UTF-8";
.special_00329 { padding: 100px 0; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }

.special_00329 .bg { background: url(../../image/special_00329/png1.png) center no-repeat; background-size: cover; position: relative; overflow: hidden; pointer-events: none; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: none; }

.special_00329 .bg::before { content: ''; display: block; padding-top: 22.86458%; }

.special_00329 .bg .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.special_00329 .cont { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 40px -10px 0; }

.special_00329 .cont .item { margin: 0 10px; width: calc(25% - 20px); border-radius: 1.82292vw; overflow: hidden; font-size: 36px; color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; }

@media (max-width: 768px) { .special_00329 .cont .item { font-size: 24px; } }

.special_00329 .cont .item::before { content: ''; display: block; padding-top: 186.78679%; }

.special_00329 .cont .item .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.special_00329 .cont .item .txt { border-radius: 1.82292vw; background-color: rgba(255, 255, 255, 0.25); height: 100%; padding-top: 4.16667vw; -webkit-transition: all .5s; transition: all .5s; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.special_00329 .cont .item .t { font-family: 'almmdfdk'; }

body:not(.lang-en) .special_00329 .cont .item .t { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; }

.special_00329 .cont .item a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 4.47917vw 24px 24px; display: block; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00329 .cont .item:hover .txt { margin-top: -2.96875vw; } }

/*	1280~1440	*/
/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00329 { padding: 40px 0; }
  .special_00329 .bg { display: none; }
  .special_00329 .cont { margin: 25px -5px 0; }
  .special_00329 .cont .item { margin: 0 5px; width: calc(25% - 10px); }
  .special_00329 .cont .item::before { display: none; }
  .special_00329 .cont .item a { padding: 15px 10px; position: static; height: 100%; }
  .special_00329 .cont .item .txt { padding: 20px 0; width: 100%; } }
