@charset "UTF-8";
.special_00320 { padding: 100px 0; }

.special_00320 .cont { margin-top: 40px; }

.special_00320 .item { background: url(../../image/special_00320/png1.png) center no-repeat; background-size: 100% 100%; height: 480px; width: 180px; margin: auto; }

.special_00320 .item .tit { color: #e0d7d3; font-size: 24px; font-weight: bold; }

@media (max-width: 768px) { .special_00320 .item .tit { font-size: 18px; } }

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

.special_00320 .item .text { color: #b0958b; font-size: 18px; }

@media (max-width: 768px) { .special_00320 .item .text { font-size: 16px; } }

.special_00320 .item a { width: 100%; height: 100%; display: block; }

.special_00320 .item .liner { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.special_00320 .item .text { height: 47.91667%; width: 52.77778%; 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: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.special_00320 .item .desc { height: 100%; }

body:not(.lang-en) .special_00320 .item .desc { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }

.special_00320 .slick-slide:nth-child(2n) { margin-top: 15.57143%; }

.special_00320 .slick-slide:nth-child(3) { margin-top: 4.14286%; }

/*	pc 端	*/
/*	1280~1440	*/
@media (max-width: 1100px) { .special_00320 .item { margin: 0 10px; width: auto; } }

@media (max-width: 1000px) { .special_00320 .item { height: 400px; }
  .special_00320 .item .text { height: 55%; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00320 { padding: 40px 0; }
  .special_00320 .cont { margin-top: 25px; }
  .special_00320 .item { height: 300px; }
  .slick-initialized .slick-slide { margin: 0 !important; }
  .special_00320 .item .text { height: 65%; } }