.page-spirit .spirit__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 33.33333vw; color: #fff; font-weight: 600; text-align: center; text-transform: uppercase; padding-bottom: 31.66667vw; background: #000; }

@media (min-width: 992px) { .page-spirit .spirit__header { padding-top: 251px; padding-bottom: 190px; } }

.page-spirit .spirit__header .spirit__title { color: #fff; font-size: 5.46875vw; font-weight: bold; margin-bottom: 5vw; }

@media (min-width: 992px) { .page-spirit .spirit__header .spirit__title { font-size: 42px; margin-bottom: 29px; } }

.page-spirit .spirit__header .spirit__subtitle { font-size: 25.83333vw; letter-spacing: -3.61667vw; margin-bottom: 9.375vw; margin-left: -4.16667vw; color: #ca0000; }

.page-spirit .spirit__header .spirit__subtitle span { display: inline-block; margin: 0 3.125vw; }

@media (min-width: 992px) { .page-spirit .spirit__header .spirit__subtitle span { margin: 0 27px; } }

@media (min-width: 992px) { .page-spirit .spirit__header .spirit__subtitle { font-size: 257px; letter-spacing: -35.98px; margin-bottom: 26px; margin-left: -39px; } }

.page-spirit .spirit__header .spirit__pattern { color: #fff; font-size: 7.55208vw; letter-spacing: 0; margin-bottom: 22.5vw; }

@media (min-width: 992px) { .page-spirit .spirit__header .spirit__pattern { font-size: 60px; margin-bottom: 158px; } }

.page-spirit .spirit__header .spirit__circle__group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.page-spirit .spirit__header .spirit__circle__group .flex__divider { width: 100%; }

.page-spirit .spirit__header .spirit__circle__group .spirit__circle__item { width: 47.70833vw; height: 25vw; border: 0.41667vw #ca0000 solid; border-radius: 50%; padding-top: 5.20833vw; }

@media (min-width: 992px) { .page-spirit .spirit__header .spirit__circle__group .spirit__circle__item { width: 406px; height: 212px; border: 2px #ca0000 solid; padding-top: 47px; } }

.page-spirit .spirit__header .spirit__circle__group .spirit__circle__item:nth-child(1), .page-spirit .spirit__header .spirit__circle__group .spirit__circle__item:nth-child(4) { margin-right: 2.08333vw; }

@media (min-width: 992px) { .page-spirit .spirit__header .spirit__circle__group .spirit__circle__item:nth-child(1), .page-spirit .spirit__header .spirit__circle__group .spirit__circle__item:nth-child(4) { margin-right: 18px; } }

.page-spirit .spirit__header .spirit__circle__group .spirit__circle__item:nth-child(1), .page-spirit .spirit__header .spirit__circle__group .spirit__circle__item:nth-child(2) { margin-bottom: 4.375vw; }

@media (min-width: 992px) { .page-spirit .spirit__header .spirit__circle__group .spirit__circle__item:nth-child(1), .page-spirit .spirit__header .spirit__circle__group .spirit__circle__item:nth-child(2) { margin-bottom: 37px; } }

.page-spirit .spirit__header .spirit__circle__group .spirit__circle__item .spirit__circle__subtitle { font-size: 3.90625vw; margin-bottom: 1.04167vw; }

@media (min-width: 992px) { .page-spirit .spirit__header .spirit__circle__group .spirit__circle__item .spirit__circle__subtitle { font-size: 30px; margin-bottom: 8px; } }

.page-spirit .spirit__header .spirit__circle__group .spirit__circle__item .spirit__circle__title { color: #ca0000; font-size: 9.11458vw; letter-spacing: -0.89583vw; }

@media (min-width: 992px) { .page-spirit .spirit__header .spirit__circle__group .spirit__circle__item .spirit__circle__title { font-size: 80px; letter-spacing: -8px; } }

.page-spirit { overflow-x: hidden; }

.page-spirit .spirit__main { background-color: black; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.page-spirit .spirit__main .spirit__area { background-color: black; position: relative; z-index: 2; padding: 0; padding-bottom: 26.04167vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area { padding: 0 150px; margin-bottom: 524px; width: 1100px; } }

@media (min-width: 1200px) { .page-spirit .spirit__main .spirit__area { padding: 0 0; } }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(2) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(3) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(4) { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } }

.page-spirit .spirit__main .spirit__area .spirit__area__pattern { font-size: 21.22292vw; letter-spacing: -2.10417vw; font-weight: 700; color: #cc0000; z-index: 2; position: relative; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area .spirit__area__pattern { font-size: 210px; letter-spacing: -21px; z-index: 5; } }

.page-spirit .spirit__main .spirit__area .spirit__area__subtitle { font-size: 4.16667vw; margin-bottom: 3.75vw; color: #484848; font-weight: 900; z-index: 4; position: relative; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area .spirit__area__subtitle { font-size: 31px; margin-bottom: 32px; } }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(2) .spirit__area__subtitle { margin-bottom: 20px; } }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(3) .spirit__area__subtitle { margin-bottom: 15px; } }

.page-spirit .spirit__main .spirit__area .spirit__area__text { font-size: 6.51042vw; line-height: 10.83333vw; letter-spacing: -0.20833vw; margin-bottom: 40.41667vw; font-weight: 900; color: #fff; z-index: 3; position: relative; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area .spirit__area__text { font-size: 45px; line-height: 78px; margin-bottom: 86px; letter-spacing: 0; } }

.page-spirit .spirit__main .spirit__area:nth-child(2) .spirit__area__text { margin-bottom: 30.20833vw; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(2) .spirit__area__text { margin-bottom: 0px; } }

.page-spirit .spirit__main .spirit__area:nth-child(3) .spirit__area__text { margin-bottom: 30.20833vw; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(3) .spirit__area__text { text-align: right; margin-bottom: 0px; } }

.page-spirit .spirit__main .spirit__area:nth-child(4) .spirit__area__text { margin-bottom: 30.20833vw; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(4) .spirit__area__text { text-align: right; margin-bottom: 0px; } }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area .spirit__area__info__container { width: 359px; } }

.page-spirit .spirit__main .spirit__area .spirit__area__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 3; position: relative; }

.page-spirit .spirit__main .spirit__area .spirit__area__info .spirit__info__title { font-size: 5.20833vw; font-weight: 900; color: #bbbbbb; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area .spirit__area__info .spirit__info__title { font-size: 24.4px; } }

.page-spirit .spirit__main .spirit__area .spirit__area__info .spirit__info__btn { width: 27.08333vw; height: 5.41667vw; background-image: url("/images/spirit/view_btn.png"); background-repeat: no-repeat; background-size: contain; background-position: center; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area .spirit__area__info .spirit__info__btn { width: 112px; height: 24px; } }

.page-spirit .spirit__main .spirit__area:nth-child(2) .spirit__area__info .spirit__info__title { font-size: 5.20833vw; font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(2) .spirit__area__info .spirit__info__title { font-size: 24.4px; } }

.page-spirit .spirit__main .spirit__area:nth-child(3) .spirit__area__info .spirit__info__title { font-size: 5.83333vw; font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(3) .spirit__area__info .spirit__info__title { font-size: 24.4px; } }

.page-spirit .spirit__main .spirit__area:nth-child(4) .spirit__area__info .spirit__info__title { font-size: 5.83333vw; font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(4) .spirit__area__info .spirit__info__title { font-size: 24.4px; } }

.page-spirit .spirit__main .spirit__area .spirit__area__divider { width: 100%; height: 0.41667vw; margin-top: 2.5vw; margin-bottom: 8.125vw; background-color: #bbbbbb; opacity: .3; z-index: 3; position: relative; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area .spirit__area__divider { height: 2px; margin-top: 11px; margin-bottom: 14px; } }

.page-spirit .spirit__main .spirit__area .spirit__info__text { font-size: 4.16667vw; line-height: 1.2; font-weight: 900; color: #bbbbbb; z-index: 3; position: relative; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area .spirit__info__text { font-size: 11.6px; } }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(2) .spirit__info__text { margin-bottom: 95px; } }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(3) .spirit__info__text { margin-bottom: 105px; } }

.page-spirit .spirit__main .spirit__area .spirit__viedo__container { position: absolute; width: 145.41667vw; height: 69.58333vw; background-color: rgba(255, 255, 255, 0.5); top: 69.79167vw; border-radius: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; opacity: .8; overflow: hidden; }

.page-spirit .spirit__main .spirit__area .spirit__viedo__container video { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area .spirit__viedo__container { width: 1117px; height: 535px; top: 90px; left: 261px; -webkit-transform: translateX(0); transform: translateX(0); } }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(2) .spirit__viedo__container { width: 1117px; height: 535px; top: 0px; left: 261px; -webkit-transform: translateX(0); transform: translateX(0); } }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(3) .spirit__viedo__container { width: 1117px; height: 535px; top: -36px; left: -311px; -webkit-transform: translateX(0); transform: translateX(0); } }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(4) .spirit__viedo__container { width: 1117px; height: 535px; top: 50px; left: -311px; -webkit-transform: translateX(0); transform: translateX(0); } }

.page-spirit .spirit__main .spirit__area .spirit__viedo__circle { position: absolute; width: 145.41667vw; height: 69.58333vw; border: #cc0000 0.625vw solid; top: 32.91667vw; border-radius: 50%; z-index: 1; opacity: .5; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area .spirit__viedo__circle { width: 1086px; height: 523px; border: #cc0000 3px solid; } }

.page-spirit .spirit__main .spirit__area:nth-child(1) .spirit__viedo__circle { top: 37.08333vw; right: 61.45833vw; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(1) .spirit__viedo__circle { top: -100px; right: 389px; -webkit-transform: translateX(0); transform: translateX(0); } }

.page-spirit .spirit__main .spirit__area:nth-child(2) .spirit__viedo__circle { top: 32.91667vw; left: 34.16667vw; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(2) .spirit__viedo__circle { left: auto; top: 144px; right: 389px; -webkit-transform: translateX(0); transform: translateX(0); } }

.page-spirit .spirit__main .spirit__area:nth-child(3) .spirit__viedo__circle { top: 45.83333vw; right: 27.70833vw; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(3) .spirit__viedo__circle { top: 151px; left: 340px; } }

.page-spirit .spirit__main .spirit__area:nth-child(4) .spirit__viedo__circle { top: 32.91667vw; left: 34.16667vw; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area:nth-child(4) .spirit__viedo__circle { top: -133px; left: 340px; } }

.page-spirit .spirit__main .spirit__area .around__circle { display: none; }

@media (min-width: 992px) { .page-spirit .spirit__main .spirit__area .around__circle { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; width: 154px; height: 61px; border: 2px solid #ff1301; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ff1301; font-size: 29.89px; letter-spacing: -2.9px; font-weight: 600; } }

.page-spirit .spirit__main .spirit__area:nth-child(1) .around__circle.humanity { right: 160px; }

.page-spirit .spirit__main .spirit__area:nth-child(1) .around__circle.pioneer { right: 160px; bottom: -100px; }

.page-spirit .spirit__main .spirit__area:nth-child(1) .around__circle.passion { left: 160px; bottom: -100px; }

@media (min-width: 1200px) { .page-spirit .spirit__main .spirit__area:nth-child(1) .around__circle.humanity { right: 0px; }
  .page-spirit .spirit__main .spirit__area:nth-child(1) .around__circle.pioneer { right: 0px; bottom: -100px; }
  .page-spirit .spirit__main .spirit__area:nth-child(1) .around__circle.passion { left: 0px; bottom: -100px; } }

.page-spirit .spirit__main .spirit__area:nth-child(2) .around__circle.humanity { right: 160px; top: -93px; }

.page-spirit .spirit__main .spirit__area:nth-child(2) .around__circle.fun { left: 160px; top: -93px; }

@media (min-width: 1200px) { .page-spirit .spirit__main .spirit__area:nth-child(2) .around__circle.humanity { right: 0px; top: -93px; }
  .page-spirit .spirit__main .spirit__area:nth-child(2) .around__circle.fun { left: 0px; top: -93px; } }

.page-spirit .spirit__main .spirit__area:nth-child(3) .around__circle.humanity { right: 160px; top: -97px; }

.page-spirit .spirit__main .spirit__area:nth-child(3) .around__circle.fun { left: 160px; top: -97px; }

@media (min-width: 1200px) { .page-spirit .spirit__main .spirit__area:nth-child(3) .around__circle.humanity { right: 0px; top: -97px; }
  .page-spirit .spirit__main .spirit__area:nth-child(3) .around__circle.fun { left: 0px; top: -97px; } }

.page-spirit .spirit__main .spirit__area:nth-child(4) .around__circle.passion { left: 160px; bottom: -85px; }

.page-spirit .spirit__main .spirit__area:nth-child(4) .around__circle.pioneer { right: 160px; bottom: -85px; }

@media (min-width: 1200px) { .page-spirit .spirit__main .spirit__area:nth-child(4) .around__circle.passion { left: 0px; bottom: -85px; }
  .page-spirit .spirit__main .spirit__area:nth-child(4) .around__circle.pioneer { right: 0px; bottom: -85px; } }

@media (min-width: 992px) { .page-spirit .spirit__main .hide-desktop { display: none; } }

.page-spirit .spirit__footer { background-color: #fff; padding-bottom: 3.75vw; }

.page-spirit .spirit__footer .footer__pattern__area { padding-top: 16.66667vw; padding-left: 8.33333vw; padding-right: 8.33333vw; padding-bottom: 17.29167vw; background-color: white; }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__pattern__area { padding-top: 165px; padding-left: 0; padding-right: 0; padding-bottom: 165px; } }

.page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group { 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; margin-bottom: 12.5vw; }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group { margin-bottom: 120px; } }

.page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group:nth-child(2) { margin-bottom: 0; }

.page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group .footer__pattern__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group .footer__pattern__item:nth-child(1) { margin-right: 13.54167vw; }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group .footer__pattern__item:nth-child(1) { margin-right: 204px; } }

.page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group .footer__pattern__item .footer__pattern__title { color: black; font-size: 3.64583vw; font-weight: 900; margin-bottom: 2.91667vw; }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group .footer__pattern__item .footer__pattern__title { font-size: 28px; margin-bottom: 27px; } }

.page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group .footer__pattern__item .footer__pattern__subtitle { width: 28.54167vw; height: 11.25vw; border: #cc0000 0.41667vw solid; border-radius: 50%; position: relative; }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group .footer__pattern__item .footer__pattern__subtitle { width: 263px; height: 102px; border: #cc0000 2px solid; } }

.page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group .footer__pattern__item .footer__pattern__subtitle.fun::before { position: absolute; content: 'FUN'; font-size: 11.35417vw; letter-spacing: -1.125vw; color: #cc0000; font-weight: 700; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group .footer__pattern__item .footer__pattern__subtitle.fun::before { font-size: 105px; letter-spacing: -10.5px; } }

.page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group .footer__pattern__item .footer__pattern__subtitle.humanity::before { position: absolute; content: 'HUMANITY'; font-size: 11.35417vw; letter-spacing: -1.125vw; color: #cc0000; font-weight: 700; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group .footer__pattern__item .footer__pattern__subtitle.humanity::before { font-size: 105px; letter-spacing: -10.5px; } }

.page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group .footer__pattern__item .footer__pattern__subtitle.passion::before { position: absolute; content: 'PASSION'; font-size: 11.35417vw; letter-spacing: -1.125vw; color: #cc0000; font-weight: 700; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group .footer__pattern__item .footer__pattern__subtitle.passion::before { font-size: 105px; letter-spacing: -10.5px; } }

.page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group .footer__pattern__item .footer__pattern__subtitle.pioneer::before { position: absolute; content: 'PIONEER'; font-size: 11.35417vw; letter-spacing: -1.125vw; color: #cc0000; font-weight: 700; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__pattern__area .footer__pattern__group .footer__pattern__item .footer__pattern__subtitle.pioneer::before { font-size: 105px; letter-spacing: -10.5px; } }

.page-spirit .spirit__footer .footer__img { width: 100vw; background-color: #fff; }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__img { display: none; } }

.page-spirit .spirit__footer .footer__img__pc { display: none; }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__img__pc { display: block; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.page-spirit .spirit__footer .footer__joinus__area { width: 100vw; height: 155.20833vw; background-image: url(/images/spirit/footer_sample_img.png); background-repeat: no-repeat; background-size: cover; padding-top: 53.75vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__joinus__area { width: 100%; height: 1191px; padding-top: 403px; background-image: url(/images/spirit/footer_sample_img_pc.png); background-position: center; background-size: auto 100%; } }

.page-spirit .spirit__footer .footer__joinus__area .footer__joinus__pattern__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2.29167vw; width: 100%; padding: 0 8.33333vw; }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__joinus__area .footer__joinus__pattern__group { margin-bottom: 19px; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.page-spirit .spirit__footer .footer__joinus__area .footer__joinus__pattern__group .footer__joinus__pattern__item { color: #000; font-family: "din-2014", "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 5.99583vw; letter-spacing: -0.58333vw; font-weight: 600; }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__joinus__area .footer__joinus__pattern__group .footer__joinus__pattern__item { font-size: 51.45px; letter-spacing: -5.1px; margin-right: 34px; }
  .page-spirit .spirit__footer .footer__joinus__area .footer__joinus__pattern__group .footer__joinus__pattern__item:last-child { margin-right: 0; } }

.page-spirit .spirit__footer .footer__joinus__area .footer__joinus__subtitle { color: #000; text-align: center; font-size: 4.66042vw; margin-bottom: 3.95833vw; font-weight: 900; }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__joinus__area .footer__joinus__subtitle { font-size: 40px; margin-bottom: 36px; } }

.page-spirit .spirit__footer .footer__joinus__area .footer__joinus__title { color: #fff; font-size: 6.99167vw; margin-bottom: 12.5vw; font-weight: 900; text-align: center; }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__joinus__area .footer__joinus__title { font-size: 60px; margin-bottom: 40px; } }

.page-spirit .spirit__footer .footer__joinus__area .footer__href__btn { width: 65.41667vw; height: 15.20833vw; background-color: transparent; }

@media (min-width: 992px) { .page-spirit .spirit__footer .footer__joinus__area .footer__href__btn { width: 501px; height: 116px; } }

:root.ja-jp .page-spirit .footer__joinus__area { padding-top: 46.875vw; }

@media (min-width: 992px) { :root.ja-jp .page-spirit .footer__joinus__area { padding-top: 330px; } }

:root.en-us .page-spirit .footer__joinus__area { padding-top: 46.875vw; }

@media (min-width: 992px) { :root.en-us .page-spirit .footer__joinus__area { padding-top: 330px; } }

.page-spirit { font-family: "din-2014", "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif; }