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

.special_00331 .cont { margin-top: 40px; border-radius: 20px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; }

.special_00331 .cont .pic { width: 56.07143%; position: relative; overflow: hidden; }

.special_00331 .cont .pic::before { content: ''; display: block; padding-top: 71.46497%; }

.special_00331 .cont .pic .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_00331 .cont .img { background: url() center no-repeat; background-size: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

.special_00331 .cont .text { width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: url() right bottom no-repeat; background-size: cover; font-size: 16px; color: #fff; position: relative; }

body:not(.lang-en) .special_00331 .cont .text { text-align: justify; text-justify: inter-ideograph; }

.special_00331 .cont .text .liner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 5.41667vw 2.60417vw; }

.special_00331 .cont .text .mod { position: relative; height: 100%; }

.special_00331 .cont .text .scroll1 { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00331 .cont .text .mCSB_inside > .mCSB_container { margin-right: 15px; } }

/*	1280~1440	*/
@media (max-width: 1000px) { .special_00331 .cont { display: block; }
  .special_00331 .cont .pic { width: 100%; }
  .special_00331 .cont .text { width: 100%; padding-left: 30px; padding-right: 30px; }
  .special_00331 .cont .text .scroll1 { position: static; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00331 { padding: 40px 0; }
  .special_00331 .cont { margin-top: 25px; border-radius: 10px; }
  .special_00331 .cont .text { padding: 15px; }
  .special_00331 .cont .text .scroll1 { height: 200px; }
  .special_00331 .cont .text .liner { position: static; padding: 0; } }