﻿.pos-1:before {
  -webkit-mask-position: 0% 0
}

.pos-2:before {
  -webkit-mask-position: 2.56% 0
}

.pos-3:before {
  -webkit-mask-position: 5.13% 0
}

.pos-4:before {
  -webkit-mask-position: 7.69% 0
}

.pos-5:before {
  -webkit-mask-position: 10.26% 0
}

.pos-6:before {
  -webkit-mask-position: 12.82% 0
}

.pos-7:before {
  -webkit-mask-position: 15.38% 0
}

.pos-8:before {
  -webkit-mask-position: 17.95% 0
}

.pos-9:before {
  -webkit-mask-position: 20.51% 0
}

.pos-10:before {
  -webkit-mask-position: 23.08% 0
}

.pos-11:before {
  -webkit-mask-position: 25.64% 0
}

.pos-12:before {
  -webkit-mask-position: 28.21% 0
}

.pos-13:before {
  -webkit-mask-position: 30.77% 0
}

.pos-14:before {
  -webkit-mask-position: 33.33% 0
}

.pos-15:before {
  -webkit-mask-position: 35.9% 0
}

.pos-16:before {
  -webkit-mask-position: 38.46% 0
}

.pos-17:before {
  -webkit-mask-position: 41.03% 0
}

.pos-18:before {
  -webkit-mask-position: 43.59% 0
}

.pos-19:before {
  -webkit-mask-position: 46.15% 0
}

.pos-20:before {
  -webkit-mask-position: 48.72% 0
}

.pos-21:before {
  -webkit-mask-position: 51.28% 0
}

.pos-22:before {
  -webkit-mask-position: 53.85% 0
}

.pos-23:before {
  -webkit-mask-position: 56.41% 0
}

.pos-24:before {
  -webkit-mask-position: 58.97% 0
}

.pos-25:before {
  -webkit-mask-position: 61.54% 0
}

.pos-26:before {
  -webkit-mask-position: 64.1% 0
}

.pos-27:before {
  -webkit-mask-position: 66.67% 0
}

.pos-28:before {
  -webkit-mask-position: 69.23% 0
}

.pos-29:before {
  -webkit-mask-position: 71.79% 0
}

.pos-30:before {
  -webkit-mask-position: 74.36% 0
}

.pos-31:before {
  -webkit-mask-position: 76.92% 0
}

.pos-32:before {
  -webkit-mask-position: 79.49% 0
}

.pos-33:before {
  -webkit-mask-position: 82.05% 0
}

.pos-34:before {
  -webkit-mask-position: 84.62% 0
}

.pos-35:before {
  -webkit-mask-position: 87.18% 0
}

.pos-36:before {
  -webkit-mask-position: 89.74% 0
}

.pos-37:before {
  -webkit-mask-position: 92.31% 0
}

.pos-38:before {
  -webkit-mask-position: 94.87% 0
}

.pos-39:before {
  -webkit-mask-position: 97.44% 0
}

.pos-40:before {
  -webkit-mask-position: 100% 0
}

.aproicon {
  font-size: 0;
  display: block;
  transition: all .35s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-property: transform
}

.aproicon:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  -webkit-mask-image: url("../../images/new/layout/aproicon.svg");
  -webkit-mask-size: auto 100%;
  -webkit-mask-repeat: no-repeat;
  background-color: #000;
  transition: all .35s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-property: background-color;
  width: 30px;
  height: 30px
}

.download_item_wrap {
  display: flex
}

.download_item_wrap a {
  display: block;
  margin-right: 10px;
  transition: all .35s ease
}

@media(min-width: 1100px) {

  .download_item_wrap a:hover,
  .download_item_wrap a:active {
    transform: scale(1.1)
  }
}

.download_item_wrap span {
  display: block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  transition: all .35s ease
}

@media(min-width: 1500px) {
  .download_item_wrap span {
    width: 45px;
    height: 45px
  }
}

.news_edit h1,
.news_edit h2,
.news_edit h3,
.news_edit h4,
.news_edit h5,
.news_edit h6 {
  font-family: var(--font-family);
  font-size: clamp(18px, 1.25vw, 30px)
}

.news_edit strong,
.news_edit strong span {
  font-weight: bold !important
}

.news_edit table {
  border: 1px solid var(--color-border);
  border-collapse: collapse;
  width: auto !important
}

.news_edit table caption {
  padding-bottom: .5em;
  font-weight: bold;
  font-size: 1.125em;
  text-align: left;
  background-color: rgba(0, 0, 0, 0) !important
}

.news_edit table tr {
  border-bottom: 1px solid var(--color-border)
}

.news_edit table tr:nth-of-type(2n + 1) {
  background-color: #f9f9f9
}

.news_edit table th,
.news_edit table td {
  border: none !important;
  border-left: 1px solid var(--color-border) !important;
  padding: .25em .5em
}

.news_edit table th:first-of-type,
.news_edit table td:first-of-type {
  border-left: none
}

@media(min-width: 0)and (max-width: 739px) {
  .news_edit .table-wrap {
    width: 100%;
    padding-bottom: 1em
  }

  .news_edit .table-wrap.ori table {
    width: 100% !important
  }

  .news_edit .table-wrap.scroll {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
  }

  .news_edit .table-wrap.scroll table {
    min-width: 500px
  }

  .news_edit .table-wrap.scroll:after {
    content: "請左右捲動查看表格";
    font-size: 12px;
    color: #999
  }
}

.news_edit p {
  text-align: justify;
  text-justify: distribute
}

:lang(eng) .news_edit p {
  text-align: initial
}

.news_edit em,
.news_edit em span {
  font-style: italic !important
}

.news_edit ul {
  list-style: disc;
  padding-left: 1.5em;
  padding-bottom: 2em
}

.news_edit ul li {
  padding-left: .5em
}

.news_edit ol {
  list-style: decimal;
  padding-left: 1.5em;
  padding-bottom: 2em
}

.news_edit ol li {
  padding-left: .5em
}

.news_edit u,
.news_edit u span {
  text-decoration: underline !important
}

.news_edit * {
  font-family: var(--font-family) !important
}

.news_edit img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important
}

@media(min-width: 740px) {
  .news_detail .page_header {
    padding-bottom: var(--height-banner-bottom-md)
  }
}

.news_title {
  padding-bottom: 1vw;
  border-bottom: 1px solid var(--color-second);
  margin-bottom: 1.427vw
}

@media(min-width: 740px) {
  .news_title {
    position: relative;
    top: -3.645vw
  }
}

.news_title .date {
  padding-bottom: 1.5625vw;
  display: block;
  color: var(--color-main);
  font-family: var(--font-family-en);
  font-weight: bold;
  font-size: 14px
}

.news_title .date span:nth-child(1) {
  margin: 0 5px
}

.news_title .date span:nth-child(2) {
  margin: 0 3px
}

@media(min-width: 740px) {
  .news_title .date {
    font-size: 16px
  }
}

@media(min-width: 1500px) {
  .news_title .date {
    /* font-size: 16px */
  }
}

@media(min-width: 1800px) {
  .news_title .date {
    /* font-size: 20px */
  }
}

.news_title .item {
  display: flex;
  align-items: end
}

.news_title .item .fz-A {
  width: 80%;
  line-height: 1.3
}

.news_title .item .text_container {
  display: flex;
  align-items: center;
}

.news_title .item .text_container .icon {
  overflow: hidden;
  width: 54px;
  height: 54px;
  background-color: var(--color-second);
  border-radius: 50%;
  margin-right: 16px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center
}

.news_title .item .text_container .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.news_title .item .text_container .icon::before {
  position: absolute;
  vertical-align: middle;
  background-image: url(../../images/new/layout/icon-news.svg);
  background-size: auto 100%;
  background-position: 59% 0;
  width: 25px;
  height: 25px
}

.news_title .item .text_container h4 {
  font-size: 14px
}

@media(min-width: 0)and (max-width: 575px) {
  .news_title {
    padding-bottom: 30px
  }

  .news_title .item {
    width: 100%;
    flex-direction: column
  }

  .news_title .item .fz-A {
    width: 100%;
    padding-bottom: .75em;
    font-size: 26px;
  }

  .news_title .item .text_container {
    position: absolute;
    top: -40px;
  }

  .news_title .item .text_container .icon {
    width: 30px;
    height: 30px;
    background-color: var(--color-second);
    border-radius: 50%;
    margin-right: 7px
  }

  .news_title .item .text_container .icon:before {
    width: 14px;
    height: 14px
  }
}

@media(min-width: 740px)and (max-width: 1099px) {
  .news_title .item {
    width: 100%
  }

  .news_title .item .fz-A {
    width: 75%
  }
}

.news_title.v3 {
  position: relative
}

@media(min-width: 740px) {
  .news_title.v3 {
    margin-bottom: 0;
    top: 0;
    margin-top: -3.645vw;
    margin-bottom: 30px
  }
}

@media(min-width: 740px) {
  .news_title.v3 .date {
    width: 36vw;
    min-width: 500px;
    max-width: 690px;
    /* margin-left: auto; */
    margin-right: auto;
    display: block;
    /* padding-bottom: 1.2vw */
  }
}

@media(min-width: 740px) {
  .news_title.v3 .item {
    width: 36vw;
    min-width: 500px;
    max-width: 690px;
    /* margin-left: auto; */
    margin-right: auto
  }

  .news_title.v3 .item .text_container {
    position: absolute;
    right: -35vw;
  }
}

.news_content {
  display: flex;
  margin-bottom: 5.2vw;
  flex-wrap: wrap;
  height: 100%;
  position: relative
}

.news_content .item {
  width: 50%;
  position: relative;
  height: 75%
}

.news_content .item .swiper_box {
  margin-bottom: 40px
}

@media(min-width: 980px) {
  .news_content .item .swiper_box {
    margin-bottom: 9.375vw
  }
}

.news_content .item .swiper_box .swiper-container {
  margin-bottom: 1.5625vw
}

.news_content .item .swiper_box .swiper-container img {
  width: 100%;
  height: 100%
}

.news_content .item .swiper_box .swiper-pagination {
  left: 50%;
  transform: translateX(-50%) !important
}

.news_content .item .content_container {
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
  transition: .35s ease
}

.news_content .item .content_container:hover .content_box .icon {
  background-color: var(--color-main);
  transition: .35s ease
}

.news_content .item .content_container .content_box {
  display: flex;
  align-items: center;
  padding-bottom: 2.6vw
}

.news_content .item .content_container .content_box .icon {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: var(--color-second);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center
}

.news_content .item .content_container .content_box .icon::before {
  position: absolute;
  vertical-align: middle;
  background-image: url(../../images/new/layout/icon-news.svg);
  background-size: auto 100%;
  background-position: 59% 0;
  width: 25px;
  height: 25px
}

.news_content .item .content_container .content_box .title {
  padding-left: 20px
}

.news_content .item .content_container .content_box .title h4 {
  line-height: 1.5em;
  font-size: 14px
}

.news_content .item .content_container .content_box h2 {
  width: 80%
}

.news_content .item .content_container .content_box h3 {
  width: 20%
}

.news_content .item .content_container .content_box:nth-of-type(2) {
  padding-bottom: 30px
}

.news_content .item:nth-of-type(2) {
  padding-left: 4.17vw
}

.news_content .item:nth-of-type(2) h2 {
  font-size: 24px;
  line-height: 1.5;
  padding-bottom: 45px;
  font-weight: 900
}

.news_content .item:nth-of-type(2) p {
  margin-bottom: 2.6vw
}

@media(min-width: 0)and (max-width: 575px) {
  .news_content {
    flex-wrap: wrap
  }

  .news_content .item {
    width: 100%
  }

  .news_content .item .btn-back {
    margin-top: 10px
  }

  .news_content .item .swiper_box {
    margin-bottom: 60px
  }

  .news_content .item .content_container .content_box {
    flex-wrap: wrap
  }

  .news_content .item .content_container .content_box .icon {
    width: 40px;
    height: 40px
  }

  .news_content .item .content_container .content_box h2 {
    width: 100%;
    padding-bottom: 12px
  }

  .news_content .item .content_container .content_box h3 {
    width: 100%
  }

  .news_content .item:nth-of-type(1) a {
    display: none
  }

  .news_content .item:nth-of-type(2) {
    padding-left: 0
  }

  .news_content .item:nth-of-type(2) h2 {
    font-size: 20px
  }
}

@media(min-width: 740px)and (max-width: 1099px) {
  .news_content {
    flex-wrap: wrap
  }

  .news_content .item {
    width: 100%
  }

  .news_content .item .swiper_box {
    margin-bottom: 60px
  }

  .news_content .item:nth-of-type(1) a {
    display: none
  }

  .news_content .item:nth-of-type(2) {
    padding-left: 0
  }
}

@media(min-width: 1100px)and (max-width: 1499px) {
  .news_content .item:nth-child(3) {
    height: 30%;
    bottom: 30%;
    display: none
  }

  .news_content .item:nth-child(3) a {
    display: none
  }
}

.news_edit+.btn-back {
  margin-top: 50px;
  margin-bottom: 40px
}

@media(min-width: 980px) {
  .news_edit+.btn-back {
    margin-top: 3.125vw
  }
}

.news_fix_container h2,
.news_content_container_v3 h2 {
  line-height: 1.5;
  padding-bottom: 45px;
  font-weight: 900
}

.news_fix_container p,
.news_content_container_v3 p {
  margin-bottom: 2.6vw
}

.news_fix_container .content_container,
.news_content_container_v3 .content_container {
  color: #000;
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
  transition: .35s ease
}

.news_fix_container .content_container:hover .content_box .icon,
.news_content_container_v3 .content_container:hover .content_box .icon {
  background-color: var(--color-main);
  transition: .35s ease
}

.news_fix_container .content_container .content_box,
.news_content_container_v3 .content_container .content_box {
  display: flex;
  align-items: flex-end;
  padding-bottom: 1vw
}

.news_fix_container .content_container .content_box .icon,
.news_content_container_v3 .content_container .content_box .icon {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: var(--color-second);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center
}

.news_fix_container .content_container .content_box .icon img,
.news_content_container_v3 .content_container .content_box .icon img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.news_fix_container .content_container .content_box .icon::before,
.news_content_container_v3 .content_container .content_box .icon::before {
  position: absolute;
  vertical-align: middle;
  background-image: url(../../images/new/layout/icon-news.svg);
  background-size: auto 100%;
  background-position: 59% 0;
  width: 25px;
  height: 25px
}

.news_fix_container .content_container .content_box .title,
.news_content_container_v3 .content_container .content_box .title {
  padding-left: 20px;
  font-size: 14px;
}

.news_fix_container .content_container .content_box .title h4,
.news_content_container_v3 .content_container .content_box .title h4 {
  line-height: 1.5em;
  font-size: 14px
}

.news_fix_container .content_container .content_box h2,
.news_content_container_v3 .content_container .content_box h2 {
  width: 80%
}

.news_fix_container .content_container .content_box h3,
.news_content_container_v3 .content_container .content_box h3 {
  width: 20%;
  text-align: right;
  padding-right: 5px
}

.news_fix_container .content_container .content_box:nth-of-type(2),
.news_content_container_v3 .content_container .content_box:nth-of-type(2) {
  padding-bottom: 10px
}

.news_fix_container .content_box h2,
.news_fix_container .content_box h3 {
  padding-bottom: 0
}

.news_fix_container .item .swiper_box {
  margin-bottom: 9.375vw;
  position: relative
}

.news_fix_container .item .swiper_box .swiper-container {
  margin-bottom: 1.5625vw
}

.news_fix_container .item .swiper_box .swiper-container img {
  width: 100%;
  height: 100%
}

.news_fix_container .item .swiper_box .swiper-pagination {
  left: 50%;
  transform: translateX(-50%)
}

.news_fix_container .item .swiper_box+a,
.news_fix_container .item .swiper_box+a+a {
  display: block;
  width: 100%;
  color: #000
}

@media(min-width: 0)and (max-width: 575px) {
  .news_fix_container {
    margin-bottom: 0px
  }
}

@media(min-width: 740px)and (max-width: 979px) {
  .news_fix_container {
    margin-bottom: 60px
  }
}

@media(min-width: 980px) {
  .news_fix_container {
    display: flex;
    position: relative;
    padding-bottom: 200px;
    margin-bottom: 7.8125vw
  }
}

@media(min-width: 0)and (max-width: 575px) {
  .news_fix_container .left_area {
    padding-left: var(--pd-inside-xs);
    padding-right: var(--pd-inside-xs)
  }

  .news_fix_container .left_area .swiper_box {
    margin-bottom: 15.375vw
  }

  .news_fix_container .left_area .content_container {
    display: none
  }

  .news_fix_container .left_area .content_container .content_box {
    flex-wrap: wrap
  }

  .news_fix_container .left_area .content_container .content_box h2 {
    padding-bottom: 10px;
    width: 100%
  }
}

@media(min-width: 740px)and (max-width: 979px) {
  .news_fix_container .left_area {
    padding-left: var(--pd-inside-md);
    padding-right: var(--pd-inside-md)
  }

  .news_fix_container .left_area .content_container {
    display: none
  }
}

@media(min-width: 980px) {
  .news_fix_container .left_area {
    padding-left: var(--pd-inside-md);
    width: 49.3%;
    transition: all .3s linear;
    position: sticky;
    align-self: flex-start;
    top: 10%
  }

  .news_fix_container .left_area.nofixed {
    position: relative
  }

  .news_fix_container .left_area.nofixed+.right_area {
    margin-left: 0 !important
  }
}

.news_fix_container .right_area {
  padding-left: 4.17vw;
  padding-right: 4.17vw
}

@media(min-width: 0)and (max-width: 575px) {
  .news_fix_container .right_area {
    padding-left: var(--pd-inside-xs);
    padding-right: var(--pd-inside-xs)
  }
}

@media(min-width: 740px)and (max-width: 979px) {
  .news_fix_container .right_area {
    padding-left: var(--pd-inside-md);
    padding-right: var(--pd-inside-md)
  }
}

@media(min-width: 980px) {
  .news_fix_container .right_area {
    padding-right: var(--pd-inside-md);
    width: 50.7%;
    padding-left: 7%
  }
}

.news_fix_container .item:nth-child(3) {
  display: none;
  padding-left: var(--pd-inside-md);
  padding-right: var(--pd-inside-md);
  margin-top: 30px
}

.news_fix_container .item:nth-child(3) a {
  display: block;
  width: 100%
}

@media(min-width: 0)and (max-width: 575px) {
  .news_fix_container .item:nth-child(3) {
    padding-left: var(--pd-inside-xs);
    padding-right: var(--pd-inside-xs);
    display: block
  }

  .news_fix_container .item:nth-child(3) .content_container .content_box:nth-of-type(2) {
    flex-wrap: wrap
  }

  .news_fix_container .item:nth-child(3) .content_container .content_box:nth-of-type(2) h2 {
    width: 100%;
    padding-bottom: 10px
  }

  .news_fix_container .item:nth-child(3) .content_container .content_box:nth-of-type(2) h3 {
    text-align: left;
    padding-right: 0
  }
}

@media(min-width: 740px)and (max-width: 979px) {
  .news_fix_container .item:nth-child(3) {
    padding-left: var(--pd-inside-md);
    padding-right: var(--pd-inside-md);
    display: block
  }

  .news_fix_container .item:nth-child(3) .content_container .content_box:nth-of-type(2) {
    flex-wrap: wrap
  }
}

.news_fix_container.article .news_edit+.btn-back {
  margin-bottom: 6.5104vw
}

.news_fix_container.article .left_area .block {
  width: 100%
}

.news_fix_container.article .right_area .news_edit .img {
  width: 100%;
  max-height: 355px;
  display: flex;
  height: 36.22vw;
  margin-bottom: 4.6875vw
}

.news_fix_container.article .right_area .news_edit .img div {
  background-size: cover;
  background-position: center;
  width: 50%
}

.news_fix_container.article .right_area .news_edit img {
  width: 50%;
  height: auto
}

.news_fix_container.article .right_area .news_edit .fz-C {
  padding-bottom: 2.604vw
}

.news_fix_container.article .right_area .news_edit .text {
  font-size: 14px
}

@media(min-width: 0)and (max-width: 575px) {
  .news_fix_container.article {
    display: flex;
    flex-direction: column
  }

  .news_fix_container.article .left_area {
    order: 2;
    padding-left: var(--pd-inside-xs);
    padding-right: var(--pd-inside-xs)
  }

  .news_fix_container.article .left_area .content_container {
    display: block
  }

  .news_fix_container.article .left_area .content_container .content_box {
    align-items: center
  }

  .news_fix_container.article .left_area .content_container .content_box h3 {
    text-align: left;
    width: 100%
  }

  .news_fix_container.article .left_area .btn-back {
    margin-bottom: 6.5104vw;
    margin-top: 50px
  }

  .news_fix_container.article .left_area .tag {
    padding: 0 .5em
  }

  .news_fix_container.article .right_area {
    padding-left: var(--pd-inside-xs);
    padding-right: var(--pd-inside-xs)
  }

  .news_fix_container.article .right_area .news_title .item {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap
  }

  .news_fix_container.article .right_area .news_edit+.btn-back {
    display: none
  }

  .news_fix_container.article .right_area .tag_header {
    display: none
  }
}

@media(min-width: 576px)and (max-width: 739px) {
  .news_fix_container.article {
    display: flex;
    flex-direction: column
  }

  .news_fix_container.article .left_area {
    order: 2;
    padding-left: var(--pd-inside-xs);
    padding-right: var(--pd-inside-xs)
  }

  .news_fix_container.article .left_area .btn-back {
    margin-bottom: 6.5104vw;
    margin-top: 50px
  }

  .news_fix_container.article .right_area {
    padding-left: var(--pd-inside-xs);
    padding-right: var(--pd-inside-xs)
  }

  .news_fix_container.article .right_area .news_title {
    padding-bottom: 30px
  }

  .news_fix_container.article .right_area .news_title .item {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap
  }

  .news_fix_container.article .right_area .news_title .item .text_container {
    position: absolute;
    right: 0
  }

  .news_fix_container.article .right_area .news_edit+.btn-back {
    display: none
  }

  .news_fix_container.article .right_area .tag_header {
    display: none
  }
}

@media(min-width: 740px)and (max-width: 979px) {
  .news_fix_container.article {
    display: flex;
    flex-direction: column
  }

  .news_fix_container.article .left_area {
    order: 2
  }

  .news_fix_container.article .left_area .content_container {
    display: block
  }

  .news_fix_container.article .left_area .btn-back {
    margin-bottom: 6.5104vw;
    margin-top: 50px
  }

  .news_fix_container.article .right_area .news_title {
    padding-bottom: 60px;
    padding-top: 30px
  }

  .news_fix_container.article .right_area .news_title .item {
    align-items: center
  }

  .news_fix_container.article .right_area .news_title .item .text_container {
    width: 35%;
    justify-content: flex-end
  }

  .news_fix_container.article .right_area .news_title .item .fz-A {
    width: 65%
  }

  .news_fix_container.article .right_area .news_edit+.btn-back {
    display: none
  }

  .news_fix_container.article .right_area .tag_header {
    display: none
  }
}

@media(min-width: 980px) {
  .news_fix_container.article .left_area {
    margin-left: 47%;
    width: 41.3%;
    transition: all .5 ease;
    top: 0
  }

  .news_fix_container.article .left_area.fixed {
    top: 5%;
    transition: all .5 ease
  }

  .news_fix_container.article .left_area.fixed.bottom {
    position: absolute;
    top: auto;
    bottom: 13.2%
  }

  .news_fix_container.article .left_area.fixed .pd_download {
    margin-bottom: .375vw
  }

  .news_fix_container.article .left_area .content_box {
    align-items: center;
    padding-bottom: 1.6vw
  }

  .news_fix_container.article .left_area .content_box:nth-child(2) {
    padding-bottom: 20px
  }

  .news_fix_container.article .left_area .btn-back {
    display: none
  }

  .news_fix_container.article .left_area .tag_header {
    display: none
  }

  .news_fix_container.article .right_area {
    margin-left: 6.3%;
    width: 62.7%
  }

  .news_fix_container.article .right_area .news_title {
    padding-bottom: 60px
  }

  .news_fix_container.article .right_area .news_title .item {
    align-items: center
  }

  .news_fix_container.article .right_area .news_title .item .text_container {
    position: absolute;
    right: 0
  }

  .news_fix_container.article .right_area .news_title .item .text_container .title {
    line-height: 1.5
  }

  .news_fix_container.article .right_area .news_edit .img {
    height: 18.49vw
  }
}

@media(min-width: 1100px) {
  .news_fix_container.article .news_title {
    margin-bottom: 3.427vw
  }
}

.news_fix_container.article .pd_download {
  margin-bottom: 9.375vw
}

.news_fix_container.article .pd_download .section_title.fz-B {
  line-height: 2.5em;
  border-bottom: 1px solid var(--color-border-dark);
  padding-top: 7.5vw
}

@media(min-width: 980px) {
  .news_fix_container.article .pd_download .item_container {
    display: flex;
    flex-wrap: wrap
  }
}

.news_fix_container.article .pd_download .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-border);
  padding: 1.87vw 0
}

.news_fix_container.article .pd_download .item .name {
  line-height: 1.25em;
  display: block;
  padding-right: 20px;
  font-weight: bold
}

@media(min-width: 980px) {
  .news_fix_container.article .pd_download .item {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    position: relative
  }

  .news_fix_container.article .pd_download .item:last-of-type {
    border-bottom: none
  }
}

@media(min-width: 0)and (max-width: 575px) {
  .news_fix_container.article .pd_download .section_title.fz-B {
    width: 100%
  }

  .news_fix_container.article .pd_download .item {
    display: flex;
    align-items: baseline;
    justify-content: initial;
    padding: 4.87vw 0;
    flex-direction: column
  }

  .news_fix_container.article .pd_download .item h6 {
    width: 100%
  }

  .news_fix_container.article .pd_download .item .download_item_wrap {
    display: flex;
    margin: 20px 0 0
  }
}

@media(min-width: 980px) {
  .nofixed .news_fix_container .left_area.fixed {
    position: fixed;
    top: 0;
    left: 0
  }

  .nofixed .news_fix_container .left_area.fixed.bottom {
    position: absolute;
    top: auto;
    bottom: 0
  }
}

.news_content_container_v3 {
  /* padding-bottom: 8.43vw */
}

@media(min-width: 0)and (max-width: 739px) {
  .news_content_container_v3 .news_detail_content {
    padding-left: var(--pd-inside-xs);
    padding-right: var(--pd-inside-xs)
  }
}

@media(min-width: 740px) {
  .news_content_container_v3 .news_detail_content {
    width: 36%;
    min-width: 500px;
    max-width: 690px;
    margin: 0 auto
  }
}

.news_content_container_v3 .news_detail_content img {
  display: block;
  width: 100%;
  height: auto
}

.news_content_container_v3 .swiper_box {
  margin-bottom: 72px;
  position: relative
}

@media(min-width: 740px) {
  .news_content_container_v3 .swiper_box {
    margin-bottom: 45px
  }
}

@media(min-width: 1100px) {
  .news_content_container_v3 .swiper_box {
    margin-bottom: 3.64vw
  }
}

.news_content_container_v3 .swiper_box .swiper-container {
  margin-bottom: 1.5625vw
}

.news_content_container_v3 .swiper_box .swiper-pagination {
  left: 50%;
  transform: translateX(-50%)
}

@media(min-width: 740px) {
  .news_content_container_v3 .swiper_box .swiper-pagination {
    transform: translate(180%, 12px);
    left: auto;
    right: 0;
    flex-direction: column;
    display: flex;
    position: absolute;
    bottom: 0;
    z-index: 9;
    width: 50px;
    height: auto
  }
}

.news_content_container_v3 .article-navi {
  /* margin-top: 6.51vw */
}

@media(min-width: 0)and (max-width: 350px) {
  .news_content_container_v3 .article-navi .content_box+.content_box {
    flex-direction: column
  }

  .news_content_container_v3 .article-navi .content_box+.content_box .fz-B {
    width: 100%
  }

  .news_content_container_v3 .article-navi .content_box+.content_box .fz-C {
    width: 100%;
    text-align: left;
    padding: 5px 0 0 0
  }
}

@media(min-width: 740px) {
  .news_content_container_v3 .article-navi .content_box+.content_box .fz-C {
    margin-bottom: 5px
  }
}

.news_content_container_v3 .article-navi a {
  display: block;
  color: #282828
}

.news_content_container_v3 .article-navi h2 {
  padding-bottom: 0
}

.news_content_container_v3 .article-navi.v3 a+a {
  margin-top: 50px
}

@media(min-width: 740px) {
  .news_content_container_v3 .article-navi.v3 a+a {
    margin-top: 80px
  }
}

@media(min-width: 0)and (max-width: 739px) {
  .news_detail {
    padding-top: 50px
  }

  .news_detail .banner {
    display: none
  }
}

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

.v3_border .news_title.v3 {
  margin-top: 1rem !important;
}
@media (min-width: 1380px) {
    .fz-A {
        font-size: 2.5vw !important;
    }
    .fz-B {
        font-size: 1.8vw;
    }
}

.content_box .fz-C {
  right: -20%;
}
@media (min-width: 0) and (max-width: 575px) {
    .footer_careers .btn_careers, .inpage .btn-back {
        width: 50% !important;
    }
}