@charset "UTF-8";
@import url("https://www.digiwin.com/tw/dsc/css/bootstrap4.0_M.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://www.digiwin.com/tw/dsc/css/animate-3.7.2.css");
@import url("https://www.digiwin.com/tw/dsc/css/swiper-bundle.min.css");
*:focus { outline: none !important; }

button { outline: none !important; border: none !important; }

.act-sect { position: relative; }

.act-wrap input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

ol, ul { list-style: none; }

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin: 0; padding: 0; }

.wow { animation-fill-mode: both; }

.fadeInUpSmall { animation-name: fadeInUpSmall; }

@keyframes fadeInUpSmall { from { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInDownSmall { animation-name: fadeInDownSmall; }

@keyframes fadeInDownSmall { from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeftSmall { animation-name: fadeInLeftSmall; }

@keyframes fadeInLeftSmall { from { opacity: 0; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInRightSmall { animation-name: fadeInRightSmall; }

@keyframes fadeInRightSmall { from { opacity: 0; -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInTopLeftSmall { animation-name: fadeInTopLeftSmall; }

@keyframes fadeInTopLeftSmall { from { opacity: 0; -webkit-transform: translate3d(-20%, -20%, 0); transform: translate3d(-20%, -20%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInTopRightSmall { animation-name: fadeInTopRightSmall; }

@keyframes fadeInTopRightSmall { from { opacity: 0; -webkit-transform: translate3d(20%, -20%, 0); transform: translate3d(20%, -20%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInBottomLeftSmall { animation-name: fadeInBottomLeftSmall; }

@keyframes fadeInBottomLeftSmall { from { opacity: 0; -webkit-transform: translate3d(-20%, 20%, 0); transform: translate3d(-20%, 20%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInBottomRightSmall { animation-name: fadeInBottomRightSmall; }

@keyframes fadeInBottomRightSmall { from { opacity: 0; -webkit-transform: translate3d(20%, 20%, 0); transform: translate3d(20%, 20%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInSmall { animation-name: bounceInSmall; }

@keyframes bounceInSmall { from,20%,40%,60%,80%,to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); }
  40% { transform: scale3d(1.04, 1.04, 1.04); }
  60% { transform: scale3d(1, 1, 1); }
  80% { opacity: 1; transform: scale3d(1.01, 1.01, 1.01); }
  to { opacity: 1; transform: scale3d(1, 1, 1); } }
.act-container-wrap { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; }

.act-sect { padding-top: 5em; padding-bottom: 5em; }

@media screen and (min-width: 768px) and (max-width: 1380px) { .act-header, .act-sect { font-size: 0.9em; } }
@media screen and (max-width: 768px) { .act-sect { font-size: calc(2vw + 1.5vmin) !important; padding-top: 3em; padding-bottom: 3em; } }
.act-wrap .act-btn { border-radius: 0; padding: .5em; letter-spacing: 2px; }
.act-wrap .btn-blue { background: #3798e4; color: #fff; }
.act-wrap .btn-blue:hover { color: #fff; background: #1c7fcc; }
.act-wrap .btn-red { background: #fc686f; color: #fff; }
.act-wrap .btn-red:hover { color: #fff; background: #fb363f; }
.act-wrap .btn-yellow { background: #ffcf3f; color: #fff; }
.act-wrap .btn-yellow:hover { color: #fff; background: #ffc20c; }
.act-wrap .btn-outline-blue { color: #3798e4; background: #fff; border: 1px solid #3798e4; }
.act-wrap .btn-outline-blue:hover { color: #3798e4; border: 1px solid #3798e4; background: #fff; }
.act-wrap .btn-outline-white { color: #fff; border: 1px solid #fff; padding-top: calc(0.6em - 1px); padding-bottom: calc(0.6em - 1px); }
.act-wrap .btn-outline-white:hover { color: #fff; border: none; padding: 0.6em; background: linear-gradient(to right, #00c0fa 0%, #0196ff 100%); }
.act-wrap .btn-sect-center { display: block; margin-top: 2em; margin-left: auto; margin-right: auto; width: 80%; max-width: 180px; }
.act-wrap .btn-wrap-center { text-align: center; margin-top: 3em; }
.act-wrap .btn-wrap-center .btn { max-width: 220px; width: 45%; }
.act-wrap .btn-wrap-center .btn:not(:last-child) { margin-right: 1.2em; }
@media screen and (max-width: 768px) { .act-wrap .btn-wrap-center .btn:not(:last-child) { margin-right: .5em; } }
.act-wrap a:hover { color: #3798e4; }
.act-wrap .sect-title { text-align: center; margin-bottom: 3em; }
.act-wrap .sect-title h3 { font-size: 1.2em; color: #fff; margin-bottom: 2em; }
.act-wrap .sect-title h2 { font-size: 2.6em; font-weight: normal; line-height: 1.4; color: #fff; font-weight: bold; }
.act-wrap .sect-title h2 .text-lg { font-size: 130%; }
.act-wrap .sect-title h2 .act-nb { font-size: 136%; }
.act-wrap .sect-title p { font-size: 1.6em; line-height: 1.4; color: #fff; }
@media screen and (max-width: 768px) { .act-wrap .sect-title { padding-right: .75em; padding-left: .75em; margin-bottom: 2em; }
  .act-wrap .sect-title h2 { font-size: 2.2em; }
  .act-wrap .sect-title h2 .text-lg { font-size: 100%; }
  .act-wrap .sect-title h2 .act-nb { font-size: 100%; }
  .act-wrap .sect-title p { font-size: 1.2em; } }
.act-wrap .act-nb, .act-wrap .nb { font-family: "Helvetica Neue", Helvetica, Arial; }
.act-wrap .text-blue { color: #3798e4 !important; }
.act-wrap .text-red { color: #fc686f !important; }
.act-wrap .text-red2 { color: #b41d23 !important; }
.act-wrap .text-yellow { color: #ffcf3f !important; }
.act-wrap .text-aqua { color: #00fff2 !important; }
.act-wrap .text-list-decimal { list-style-type: decimal; padding-left: 1em; }
.act-wrap .text-list-disc { list-style-type: disc; padding-left: 1em; }

@media screen and (max-width: 768px) { .mobile-swiper-container { overflow: hidden; }
  .mobile-swiper-container .swiper-slide { width: auto; padding-left: 0; padding-right: 0; }
  .mobile-swiper-container .swiper-scrollbar { margin-top: 1em; margin-bottom: 0; height: 10px; border-radius: 0; background: #b9bddf; position: relative; width: 80%; margin-left: auto; margin-right: auto; left: 0; }
  .mobile-swiper-container .swiper-scrollbar-drag { border-radius: 0; background: #ffadad; }
  .scroll-hint { text-align: center; color: #e35a5a; margin-top: 1.5em; margin-bottom: .5em; font-size: 1.4em; }
  .scroll-hint img { width: .8em; margin-left: 0.5em; margin-right: 0.5em; }
  .scroll-hint .arr-right { animation: scroll-arr-act 2s infinite both; }
  .scroll-hint .arr-left { transform: scale(-1); animation: scroll-arr-left 2s infinite both; }
  @keyframes scroll-arr-act { 0%, 20%, 50%, 80%, 100% { transform: translateX(0); }
    40% { transform: translateX(-6px); }
    60% { transform: translateX(2px); } }
  @keyframes scroll-arr-left { 0%, 20%, 50%, 80%, 100% { transform: translateX(0) scale(-1); }
    40% { transform: translateX(2px) scale(-1); }
    60% { transform: translateX(-6px) scale(-1); } } }
#toolbar { display: none !important; }

html { max-width: 100vw; overflow-X: hidden; }

body { font-size: 16px; }

.act-wrap { width: 100%; height: auto; position: relative; font-family: 'Noto Sans TC',"微軟正黑體",Microsoft Yahei,Poppins,Helvetica, Arial; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background: #fff; font-size: 1em; }
@media screen and (max-width: 768px) { .act-wrap { max-width: 100vw; overflow-X: hidden; } }

.act-header { background: url("../../images/WB00255301_sm/header-bg.jpg") no-repeat top center; background-size: cover; width: 100%; position: relative; overflow: hidden; height: 500px; }
.act-header .act-container-wrap { max-width: 1220px; }
.act-header .act-title { color: #fff; padding-top: 4em; padding-left: 5em; }
.act-header .act-title h1 { font-size: 3.2em; margin-right: 0.25em; font-weight: bold; color: #fff; }
.act-header .act-title .act-h2 { font-size: 2.1em; margin-top: .3em; font-weight: 500; color: #fff; }
.act-header .act-title p { font-size: 1.1em; font-weight: 500; margin-top: 0.5em; line-height: 1.4; }
.act-header .act-group { width: 90%; max-width: 500px; margin-top: 1.2em; }
.act-header .act-group .act-item { padding: 0.5em 1em; border-radius: 10em; color: #fff; font-size: 1em; background: linear-gradient(120deg, #fc686f 0%, #ff924d 100%); margin-bottom: 0.4em; }
.act-header .act-group .act-item:not(:last-child) { margin-right: 0.4em; }

@media screen and (max-width: 768px) { .act-header { font-size: calc(2vw + 1.5vmin) !important; background: url("../../images/WB00255301_sm/header-bg-m.jpg") no-repeat top center; background-size: cover; height: auto; padding-bottom: 8em; }
  .act-header .act-title { padding-top: 7em; padding-left: 2.5em; }
  .act-header .act-title h1 { font-size: 3em; }
  .act-header .act-title .act-h2 { font-size: 1.6em; margin-top: .3em; }
  .act-header .act-title p { font-size: .9em; font-weight: 600; margin-top: 0.6em; line-height: 1.8; }
  .act-header .act-group { width: 100%; margin-top: 1.2em; }
  .act-header .act-group .act-item { padding: 0.5em .5em; font-size: .95em; margin-bottom: 0.4em; }
  .act-header .act-group .act-item:not(:last-child) { margin-right: 0.4em; } }
.big-bg01 { background: url("../../images/WB00255301_sm/big-bg01.jpg") no-repeat bottom center, linear-gradient(to right, #303dea 0%, #2e178e 100%); background-size: auto 100%; }

.big-bg02 { background: url("../../images/WB00255301_sm/big-bg02.jpg") no-repeat top center #090e6a; background-size: 100% auto; }

.big-bg03 { background: url("../../images/WB00255301_sm/big-bg03.jpg") no-repeat top center #090e6a; background-size: 100% auto; }

@media screen and (max-width: 768px) { .big-bg01 { background: url("../../images/WB00255301_sm/big-bg01-m.jpg") no-repeat bottom center, linear-gradient(to right, #303dea 0%, #2e178e 100%); background-size: auto 100%; }
  .big-bg02 { background: url("../../images/WB00255301_sm/big-bg02-m.jpg") no-repeat top center #090e6a; background-size: 100% auto; }
  .big-bg03 { background: url("../../images/WB00255301_sm/big-bg03-m.jpg") no-repeat top center #090e6a; background-size: 100% auto; } }
.act-sect1 { padding-bottom: 2em; }
.act-sect1 .act-container-wrap { padding-left: 1em; padding-right: 1em; }
.act-sect1 .act-text-group { position: relative; padding-top: 9.5em; }
.act-sect1 .act-text-group .act-item { position: relative; padding-bottom: 0.5em; }
.act-sect1 .act-text-group .act-item:not(:last-child) { margin-bottom: 1.5em; }
.act-sect1 .act-text-group .act-item .line-light { display: block; width: 3px; height: 100%; position: absolute; right: 0; top: 0px; bottom: 0; background: linear-gradient(to bottom, #00fff2 0%, #2a71ff 30%, #490bff 100%); }
.act-sect1 .act-text-group .act-item h3 { font-size: 1.5em; }
.act-sect1 .act-text-group .act-item P { color: #fff; font-size: 1em; max-width: 300px; margin-bottom: 0; }
.act-sect1 .act-text-group-left .act-item { padding-right: .8em; }
.act-sect1 .act-text-group-left h3 { text-align: right; padding-right: 0.5em; }
.act-sect1 .act-text-group-right .act-item { padding-left: 1em; }
.act-sect1 .act-text-group-right h3 { text-align: left; }
.act-sect1 .act-text-group-right .line-light { left: 0; right: auto; }
.act-sect1 .act-pic { display: block; margin-left: auto; margin-right: auto; width: 48%; }

@media screen and (max-width: 768px) { .act-sect1 .act-container-wrap { padding-left: 1em; padding-right: 1em; }
  .act-sect1 .act-text-group { padding-top: 2em; padding-left: 2em; padding-right: 2em; }
  .act-sect1 .act-text-group .act-item { padding-bottom: 0.5em; }
  .act-sect1 .act-text-group .act-item:not(:last-child) { margin-bottom: 1.5em; }
  .act-sect1 .act-text-group .act-item .line-light { width: 4px; }
  .act-sect1 .act-text-group .act-item h3 { font-size: 1.6em; }
  .act-sect1 .act-text-group .act-item P { font-size: 1em; max-width: none; }
  .act-sect1 .act-text-group-left .act-item { padding-left: 1.2em; padding-right: 0; }
  .act-sect1 .act-text-group-left h3 { text-align: left; padding-right: 0.5em; }
  .act-sect1 .act-text-group-left .line-light { left: 0; right: auto; }
  .act-sect1 .act-text-group-right .act-item { padding-left: 1.2em; }
  .act-sect1 .act-pic { width: 100%; } }
.act-sect2 .sect-title { margin-bottom: 6em; }
.act-sect2 .act-container-wrap { max-width: 1090px; padding-left: 1em; padding-right: 1em; }
.act-sect2 .act-round { max-width: 500px; width: 50%; display: block; margin-left: auto; margin-right: auto; position: absolute; top: 9em; left: 50%; transform: translateX(-50%); }
.act-sect2 .act-round .text-part { position: absolute; color: #fff; left: 50%; transform: translateX(-50%); top: 38%; text-align: center; }
.act-sect2 .act-round .text-part h3 { font-size: 2.7em; font-weight: bold; margin-bottom: .1em; }
.act-sect2 .act-round .text-part P { font-size: 1em; }
.act-sect2 .act-round .act-bg { width: 100%; }
.act-sect2 .act-text-group .act-item { position: relative; padding-bottom: 0.5em; margin-bottom: 1.5em; }
.act-sect2 .act-text-group .act-item h3 { font-size: 1.4em; color: #fff; margin-bottom: 1em; display: inline-block; position: relative; }
.act-sect2 .act-text-group .act-item h3 .act-icon { position: absolute; right: calc( 100% + .6em); width: 3em; top: -0.3em; }
.act-sect2 .act-text-group .act-item P { color: #fff; font-size: .9em; max-width: 260px; margin-bottom: 0; position: relative; padding-left: 1.5em; }
.act-sect2 .act-text-group .act-item P:not(:last-child) { margin-bottom: 1.2em; }
.act-sect2 .act-text-group .act-item P span { position: absolute; left: 0; top: 0; }
.act-sect2 .act-text-group .act-item02 { margin-bottom: 3em; }
.act-sect2 .act-text-group .act-item03 { left: 80%; }
.act-sect2 .act-text-group .act-item04 { right: 90%; top: -2em; margin-bottom: 0; }
.act-sect2 .act-text-group .act-item05 { margin-bottom: 2em; right: 1em; }
.act-sect2 .act-text-group-right .act-item { position: relative; padding-bottom: 0.5em; }
.act-sect2 .act-text-group-right .act-item h3 .act-icon { left: calc( 100% + .6em); right: auto; }

@media screen and (max-width: 768px) { .act-sect2 { padding-top: 8em; }
  .act-sect2 .sect-title { margin-bottom: 3em; }
  .act-sect2 .act-round { max-width: none; width: 94%; position: relative; top: auto; left: auto; transform: translateX(0); }
  .act-sect2 .act-round .text-part { top: 38%; }
  .act-sect2 .act-round .text-part h3 { font-size: 2.2em; }
  .act-sect2 .act-round .text-part P { font-size: .9em; }
  .act-sect2 .act-text-wrap { margin-top: 2em; }
  .act-sect2 .act-text-group { padding-left: 5.8em; padding-right: 1em; }
  .act-sect2 .act-text-group .act-item { margin-bottom: 1.5em; }
  .act-sect2 .act-text-group .act-item h3 { font-size: 1.4em; }
  .act-sect2 .act-text-group .act-item h3 .act-icon { right: calc( 100% + .6em); width: 3em; top: -0.3em; }
  .act-sect2 .act-text-group .act-item P { font-size: .95em; padding-left: 2em; }
  .act-sect2 .act-text-group .act-item P:not(:last-child) { margin-bottom: 1.2em; }
  .act-sect2 .act-text-group .act-item P span { font-size: 1.5em; }
  .act-sect2 .act-text-group .act-item { top: auto; left: auto; right: auto; margin-bottom: 1.5em !important; }
  .act-sect2 .act-text-group-right .act-item h3 .act-icon { left: auto; right: calc( 100% + .6em); } }
.act-sect3 .sect-title { margin-bottom: 6em; }
.act-sect3 .act-container-wrap { max-width: 1100px; padding-left: 1em; padding-right: 1em; }
.act-sect3 .text-VS-bar { min-height: 4em; position: relative; background: url("../../images/WB00255301_sm/VS-bg.png") no-repeat top center; background-size: 100% 100%; padding: .6em; }
.act-sect3 .text-VS-bar .text-VS { position: absolute; left: 50%; transform: translateX(-50%); top: -2em; }
.act-sect3 .text-VS-bar .act-light { position: absolute; z-index: 3; mix-blend-mode: screen; }
.act-sect3 .act-light01 { top: 1em; left: 10%; transform: translateY(-50%); }
.act-sect3 .act-light02 { bottom: .5em; left: 36%; }
.act-sect3 .act-light03 { top: 0; right: 5%; left: auto; transform: translateY(-50%); }
.act-sect3 .act-VS-inner { position: relative; left: 3%; width: 60%; max-width: 860px; margin-left: auto; margin-right: auto; }
.act-sect3 .act-VS-inner h3 { font-weight: 900; font-size: 4em; margin-bottom: 0; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(120deg, #68cbe2 0%, #aee1ff 100%); }
.act-sect3 .act-VS-inner p { color: #fff; margin-bottom: 0; font-size: 1.2em; }
.act-sect3 .act-VS-inner .act-left { padding-top: 0.8em; }
.act-sect3 .act-VS-inner .act-left h3 { text-align: right; }
.act-sect3 .act-VS-inner .act-left p { text-align: right; }
.act-sect3 .vs-icon { position: absolute; transform: translateY(-50%); }
.act-sect3 .vs-icon01 { left: 3em; top: 55%; }
.act-sect3 .vs-icon02 { right: 3em; top: 45%; }
.act-sect3 .act-floor-wrap { background: url("../../images/WB00255301_sm/s3-bg.svg") no-repeat top center; background-size: 100% auto; padding-bottom: 2em; }
.act-sect3 .act-floor-wrap .act-floor { margin-left: auto; margin-right: auto; position: relative; }
.act-sect3 .act-floor-wrap .act-floor .act-icon { width: 1em; margin-right: 0.5em; }
.act-sect3 .act-floor-wrap .act-floor dl { position: relative; }
.act-sect3 .act-floor-wrap .act-floor dl dd { color: #fff; font-size: 1.05em; margin-bottom: 0.2em; }
.act-sect3 .act-floor-wrap .act-floor .text-part { text-align: center; padding-top: 0.2em; position: absolute; left: 50%; transform: translateX(-50%); }
.act-sect3 .act-floor-wrap .act-floor h3 { font-size: 1.2em; color: #eb666b; font-weight: bold; }
.act-sect3 .act-floor-wrap .act-floor h4 { font-size: 1.6em; color: #fff; }
.act-sect3 .act-floor-wrap .act-floor01 { width: 78%; padding-top: 4.5em; }
.act-sect3 .act-floor-wrap .act-floor01 .dl-l { padding-left: 3em; }
.act-sect3 .act-floor-wrap .act-floor02 { width: 80%; padding-top: 2.4em; }
.act-sect3 .act-floor-wrap .act-floor02 .dl-l { padding-left: 1em; }
.act-sect3 .act-floor-wrap .act-floor03 { width: 100%; padding-top: 2.6em; }
.act-sect3 .act-floor-wrap .act-floor03 .dl-l { padding-left: 3.6em; }
.act-sect3 .act-floor-wrap .act-floor03 .dl-r { left: 2em; }
.act-sect3 .text-border { position: relative; display: inline-block; z-index: 1; }
.act-sect3 .text-border:before { content: attr(title); position: absolute; z-index: -1; left: 0; top: 0; -webkit-text-stroke: 4px #fff; -moz-text-stroke: 4px #fff; }

@media screen and (max-width: 768px) { .act-sect3 .act-container-wrap { padding-left: 0; padding-right: 0; }
  .act-sect3 .text-VS-bar { min-height: 0; margin-bottom: 2em; background: url("../../images/WB00255301_sm/VS-bg-m.png") no-repeat top center; padding: .6em; }
  .act-sect3 .text-VS-bar .text-VS { top: -.1em; width: 22%; }
  .act-sect3 .text-VS-bar .act-light { width: 60%; }
  .act-sect3 .act-light01 { top: 0.8em; left: -10%; }
  .act-sect3 .act-light02 { bottom: 1.5em; left: 22%; }
  .act-sect3 .act-light03 { top: 0; right: -15%; }
  .act-sect3 .act-VS-inner { left: 0; width: 100%; }
  .act-sect3 .act-VS-inner h3 { font-size: 2em; margin-bottom: 0; }
  .act-sect3 .act-VS-inner p { font-size: .9em; }
  .act-sect3 .act-VS-inner .act-left { padding-top: 0.8em; }
  .act-sect3 .vs-icon-m { margin-left: 0.2em; margin-right: 0.2em; width: 1em; }
  .act-sect3 .act-floor-wrap { background: transparent; padding-bottom: 2em; }
  .act-sect3 .act-floor-wrap .act-floor { padding-left: 1em; padding-right: .5em; }
  .act-sect3 .act-floor-wrap .act-floor:before { content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border: 1.5em solid transparent; border-bottom-color: #218cba; line-height: 0; height: 0; width: 0; }
  .act-sect3 .act-floor-wrap .act-floor:not(:last-child) { margin-bottom: .5em; }
  .act-sect3 .act-floor-wrap .act-floor .act-icon { width: 1em; margin-right: 0; position: absolute; left: 0; top: .3em; }
  .act-sect3 .act-floor-wrap .act-floor dl { max-width: 40%; }
  .act-sect3 .act-floor-wrap .act-floor dl dd { font-size: 1em; margin-bottom: 0.2em; position: relative; padding-left: 1.3em; }
  .act-sect3 .act-floor-wrap .act-floor .text-part { padding-top: 0.2em; position: absolute; left: 50%; transform: translateX(-50%); }
  .act-sect3 .act-floor-wrap .act-floor h3 { font-size: 1.1em; color: #eb666b; font-weight: bold; }
  .act-sect3 .act-floor-wrap .act-floor h4 { font-size: 1.4em; color: #fff; }
  .act-sect3 .act-floor-wrap .act-floor01 { width: 100%; padding-top: 2em; background: #218cba; }
  .act-sect3 .act-floor-wrap .act-floor01:before { border-bottom-color: #218cba; }
  .act-sect3 .act-floor-wrap .act-floor01 h3 { color: #e1c642; }
  .act-sect3 .act-floor-wrap .act-floor01 .dl-l { padding-left: 0; }
  .act-sect3 .act-floor-wrap .act-floor01 .dl-r { padding-left: .5em; }
  .act-sect3 .act-floor-wrap .act-floor02 { width: 100%; padding-top: 2em; background: #0b6886; }
  .act-sect3 .act-floor-wrap .act-floor02:before { border-bottom-color: #0b6886; }
  .act-sect3 .act-floor-wrap .act-floor02 h3 { color: #eb666b; }
  .act-sect3 .act-floor-wrap .act-floor02 .dl-l { padding-left: 0; }
  .act-sect3 .act-floor-wrap .act-floor02 .dl-r { padding-left: .5em; }
  .act-sect3 .act-floor-wrap .act-floor03 { width: 100%; padding-top: 2em; background: #d0a11e; }
  .act-sect3 .act-floor-wrap .act-floor03:before { border-bottom-color: #d0a11e; }
  .act-sect3 .act-floor-wrap .act-floor03 h3 { color: #881c21; }
  .act-sect3 .act-floor-wrap .act-floor03 .dl-l { padding-left: 0; }
  .act-sect3 .act-floor-wrap .act-floor03 .dl-r { padding-left: .5em; left: auto; }
  .act-sect3 .text-border:before { display: none; } }
.act-sect4 .act-name { position: absolute; right: calc(100% + 1.2em); bottom: 30%; color: #fff; }
.act-sect4 .application-inner .act-content { padding: 2em 0 0; background: linear-gradient(to right, #4545cd 40%, #b948cb 100%); border-radius: 3em; }
.act-sect4 .application-inner .act-content h3 { font-size: 1.4em; color: #fff; margin-bottom: 0.5em; width: 90%; text-align: center; }
.act-sect4 .application-inner .act-content .act-box { background: #fff; width: 90%; padding: .5em; text-align: center; }
.act-sect4 .application-inner .act-content .act-box p { font-size: 1em; margin-bottom: 0; }
.act-sect4 .application-inner .act-content .pic-part { padding: .5em 2em; }
.act-sect4 .application-inner .act-content .pic-part .icon-l { width: 40%; }
.act-sect4 .application-inner .act-content .pic-part .icon-r { width: 46%; }

.act-text-header { background: #090e6a; border-radius: 3em 3em 0 0; padding: 1.5em 1em 5em; color: #fff; }
.act-text-header .text-l { margin-right: 1.2em; text-align: center; }
.act-text-header .text-l h3 { font-weight: 900; font-size: 5em; line-height: 1; margin-bottom: 0em; }
.act-text-header .text-l p { font-size: 1.4em; margin-top: 0; margin-bottom: 0; letter-spacing: 0.2em; }
.act-text-header .text-r h4 { font-size: 1.5em; font-weight: bold; letter-spacing: 0.2em; }
.act-text-header .text-r p { font-size: 1.2em; margin-bottom: 0; max-width: 850px; }

.application-wrap { position: relative; border-radius: 3em 3em 0 0; padding: 3em 5em; margin-top: -3em; background: linear-gradient(to bottom, #b52629 40%, rgba(181, 38, 41, 0) 90%); }

.application-inner .act-item:not(:last-child) { margin-right: 1.8em; }
.application-inner .act-item .act-bar { color: #fff; padding: 0.5em; padding-left: 2.5em; margin-bottom: 2em; position: relative; background: linear-gradient(to right, #4545cd 40%, rgba(69, 69, 205, 0) 66%); left: 1em; }
.application-inner .act-item .act-bar .act-text { margin-right: 0.5em; }
.application-inner .act-item .act-bar .act-nb { line-height: .8; font-weight: bold; font-size: 1.2em; margin-bottom: 0; position: absolute; left: -1em; top: 0; height: 100%; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; width: 2em; background: linear-gradient(to right, #4545cd 40%, #b948cb 100%); padding: 0.5em; border-radius: .5em; }
.application-inner .act-item .act-bar h3 { font-weight: bolder; font-size: 1.2em; line-height: 1; margin-bottom: 0; }
.application-inner .act-item .act-bar .line-arr { position: relative; flex: 1; margin-top: .6em; border-bottom: 2px dashed #fff; display: block; height: 1px; display: block; }
.application-inner .act-item .act-bar .line-arr .act-arr { width: .8em; position: absolute; right: -.4em; top: .1em; transform: translateY(-50%); }

.arr-move { animation: arr-move both; }

@keyframes arr-move { 0% { max-width: 10%; }
  100% { max-width: 100%; } }
@media screen and (max-width: 768px) { .act-sect4 .act-name { position: relative; right: auto; bottom: auto; margin-bottom: .5em; }
  .act-text-header { background: #090e6a; border-radius: 0; padding: 3em 1.5em; }
  .act-text-header:before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); border: 1.5em solid transparent; border-top-color: #021cb0; line-height: 0; height: 0; width: 0; }
  .act-text-header .text-l { margin-right: 1.2em; margin-bottom: 2em; }
  .act-text-header .text-l h3 { font-size: 5em; line-height: 1; margin-bottom: 0em; }
  .act-text-header .text-l p { font-size: 1.4em; }
  .act-text-header .text-r h4 { font-size: 1.4em; font-weight: bold; letter-spacing: 0.2em; margin-bottom: 1em; }
  .act-text-header .text-r p { font-size: 1.1em; margin-bottom: 0; max-width: 850px; }
  .application-wrap { border-radius: 0; padding: 3em 1.5em; margin-top: 0; }
  .application-inner .act-item { width: 76vw; }
  .application-inner .act-item:not(:last-child) { margin-right: 1.8em; }
  .application-inner .act-item .act-bar { color: #fff; padding: 0.5em; padding-left: 2em; margin-bottom: 2em; position: relative; background: linear-gradient(to right, #4545cd 40%, rgba(69, 69, 205, 0) 66%); left: 1em; }
  .application-inner .act-item .act-bar .act-text { margin-right: 0.5em; }
  .application-inner .act-item .act-bar .act-nb { line-height: .8; font-weight: bold; font-size: 1.2em; margin-bottom: 0; position: absolute; left: -1em; top: 0; height: 100%; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; background: linear-gradient(to right, #4545cd 40%, #b948cb 100%); padding: 0.5em; border-radius: .5em; }
  .application-inner .act-item .act-bar h3 { font-weight: bolder; font-size: 1.2em; line-height: 1; margin-bottom: 0; }
  .application-inner .act-item .act-bar .line-arr { position: relative; flex: 1; margin-top: .6em; border-bottom: 2px dashed #fff; display: block; height: 1px; display: block; }
  .application-inner .act-item .act-bar .line-arr .act-arr { width: .8em; position: absolute; right: -.4em; top: 50%; transform: translateY(-50%); } }
.act-sect5 { padding-bottom: 0; }
.act-sect5 .act-text-header { background: #0010a8; }
.act-sect5 .act-text-header:before { border-top-color: #021cb0; }
.act-sect5 .application-wrap { padding: 0; }
.act-sect5 .swiper-container { padding: 3em 4.5em 1em; }
.act-sect5 .act-name { position: absolute; right: calc(100% + 1.2em); bottom: 30%; color: #fff; z-index: 6; }
.act-sect5 .application-inner .act-content { padding: 1em .5em 2em; background: linear-gradient(to right, #4545cd 40%, #b948cb 100%); border-radius: 3em; }
.act-sect5 .application-inner .act-content h3 { font-size: 1.4em; color: #fff; margin-bottom: 0.5em; width: 100%; text-align: center; }
.act-sect5 .application-inner .act-content .pic-aprt h4 { color: #fff; font-size: 1em; text-align: center; margin-bottom: 0.5em; }
.act-sect5 .application-inner .act-content .text-part { background: #fff; padding: 0.8em 0.25em 0.2em; text-align: center; }
.act-sect5 .application-inner .act-content .text-part p { font-size: .85em; margin-bottom: 0; }
.act-sect5 .application-inner .act-content .text-part p b { font-size: 110%; }
.act-sect5 .mobile-swiper03 { padding-top: 0em; }
.act-sect5 .white-inner { background: #fff; border-radius: 2em; padding: 1em; }
.act-sect5 .white-inner .act-item:not(:last-child) { margin-right: .25em; }
.act-sect5 .white-inner .act-item h3 { color: #fff; font-size: .9em; text-align: center; padding: 0.4em .5em; background: #514ea9; border-radius: .5em; }
.act-sect5 .white-inner .act-item .act-icon { width: 80%; display: block; margin-left: auto; margin-right: auto; margin-top: 1.5em; }

@media screen and (max-width: 768px) { .act-sect5 .act-name { position: relative; right: auto; bottom: auto; margin-bottom: .5em; }
  .act-sect5 .swiper-container { padding: 3em 1.5em; }
  .act-sect5 .white-inner { background: #fff; border-radius: 1.5em; padding: 1em; }
  .act-sect5 .white-inner .act-item:not(:last-child) { margin-right: .5em; }
  .act-sect5 .white-inner .act-item h3 { font-size: 1em; border-radius: .5em; }
  .act-sect5 .white-inner .act-item .act-icon { width: 7em; } }
.act-sect6 { padding-top: 12em; padding-bottom: 8em; }
.act-sect6 .sect-title { margin-bottom: 6em; }
.act-sect6 .act-container-wrap { padding-left: 1em; padding-right: 1em; }
.act-sect6 .act-pic { display: block; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 768px) { .act-sect6 .act-pic { width: 70em; } }

/*# sourceMappingURL=style.css.map */