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

.special_00221 .tab-bar { margin-top: 25px; }

.special_00221 .slick-mod { margin-top: 40px; }

.special_00221 .slick-mod .slick-item .mar { margin: 0 15px; background-color: rgba(255, 255, 255, 0.85); border: 2px solid #ffffff; border-radius: 20px; color: #000e25; padding-top: 8px; position: relative; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 470px; }

.special_00221 .slick-mod .slick-item .pad { padding: 6.13139% 8.75912% 7.29927%; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-radius: 20px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.special_00221 .slick-mod .slick-item .tit { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 10px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.special_00221 .slick-mod .slick-item .tit .tt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 20px; }

.special_00221 .slick-mod .slick-item .tit .t1 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; height: 3em; text-overflow: ellipsis; overflow: hidden; font-size: 24px; }

@media (max-width: 768px) { .special_00221 .slick-mod .slick-item .tit .t1 { font-size: 18px; } }

.special_00221 .slick-mod .slick-item .txt { margin-right: 80px; height: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; }

.special_00221 .slick-mod .slick-item .txt .t1 { font-size: 18px; font-weight: bold; margin-top: 5px; }

@media (max-width: 768px) { .special_00221 .slick-mod .slick-item .txt .t1 { font-size: 16px; } }

.special_00221 .slick-mod .slick-item .scroll1 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.special_00221 .slick-mod .slick-item .mCSB_inside > .mCSB_container { margin-right: 10px; }

.special_00221 .slick-mod .slick-item .btn1 { font-size: 16px; color: #ffffff; text-align: center; display: block; position: relative; width: 135px; position: absolute; right: -12px; bottom: 2.60417vw; }

.special_00221 .slick-mod .slick-item .btn1::before { content: ""; position: absolute; top: -9px; right: 0; width: 10px; height: 100%; background: url(../../image/special_00221/ico2.png) no-repeat top center; }

.special_00221 .slick-mod .slick-item .btn1 .b-box { height: 45px; background-color: #367ef3; border-radius: 15px 0 0 0; color: #fff; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.special_00221 .slick-mod .slick-item .btn1 .b-box .ico { margin-right: 20px; width: 15px; top: -1px; position: relative; }

.special_00221 .slick-mod .slick-item .btn1 .b-box .ico img { max-width: 15px; max-height: 16px; }

.special_00221 .tracker-box { padding-bottom: 8px; }

.special_00221 .tracker-mod.dir-hor .wnzt-tracker-item { background-color: #38abe9; border-radius: 27px; min-width: 177px; line-height: 55px; position: relative; }

.special_00221 .tracker-mod.dir-hor .wnzt-tracker-item::before { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 8px solid #38abe9; content: ''; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.special_00221 .tracker-mod.dir-hor .wnzt-tracker-item.cur { background-color: #367ef3; }

.special_00221 .tracker-mod.dir-hor .wnzt-tracker-item.cur::before { border-top: 8px solid #367ef3; }

.special_00221 .tracker-mod.dir-hor .wnzt-tracker-item.cur .x-tit-wnzt { font-size: 24px; }

@media (max-width: 768px) { .special_00221 .tracker-mod.dir-hor .wnzt-tracker-item.cur .x-tit-wnzt { font-size: 18px; } }

/*	pc 端	*/
@media (min-width: 769px) { .special_00221 .slick-mod .slick-item:hover .mar { background-color: #357df1; border-color: #357df1; }
  .special_00221 .slick-mod .slick-item:hover .pad { background: url(../../image/special_00221/jpg2.jpg) no-repeat center; background-size: cover; } }

/*	1280~1440	*/
@media (max-width: 1280px) { .special_00221 .slick-mod .slick-item .pad { padding-bottom: 80px; }
  .special_00221 .slick-mod .slick-item .btn1 { bottom: 25px; }
  .special_00221 .slick-mod .slick-item .txt { margin-right: 0; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00221 { padding: 40px 0; }
  .special_00221 .tab-bar { margin-top: 20px; }
  .special_00221 .slick-mod { margin-top: 20px; }
  .special_00221 .slick-mod .slick-item .tit .tt { margin-right: 0; }
  .special_00221 .slick-mod .slick-item .mar { border-radius: 10px; }
  .special_00221 .slick-mod .slick-item .pad { padding: 12px 15px 55px; border-radius: 10px; }
  .special_00221 .slick-mod .slick-item .btn1 { bottom: 10px; } }