html#scoped {
  box-sizing: border-box;
  overflow-x: hidden;
  background-color: #fdfae0;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html#scoped *,
html#scoped *::before,
html#scoped *::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
html#scoped body {
  margin: 0;
  width: 100vw;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}
html#scoped h1, html#scoped h2, html#scoped h3, html#scoped h4, html#scoped h5, html#scoped h6,
html#scoped p, html#scoped ul, html#scoped ol, html#scoped li, html#scoped dl, html#scoped dt, html#scoped dd {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
html#scoped img {
  display: block;
  max-width: 100%;
}
html#scoped a {
  text-decoration: none;
  color: inherit;
}
html#scoped .d {
  display: block;
}
html#scoped .d.inline {
  display: inline-block;
}
html#scoped .d.flex {
  display: flex;
}
html#scoped .m {
  display: none;
}
@media screen and (max-width: 800px) {
  html#scoped .d {
    display: none;
  }
  html#scoped .m {
    display: block;
  }
  html#scoped .m.inline {
    display: inline-block;
  }
  html#scoped .m.flex {
    display: flex;
  }
}

html#scoped {
  font-family: "Noto Sans TC", sans-serif;
}

html#scoped .fixed-links {
  position: fixed;
  top: 50%;
  right: calc(0.4 / 1920 * 100vw);
  z-index: 90;
  transform: translateY(-50%);
  width: calc(88 / 1920 * 100vw);
  height: calc(383.5 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .fixed-links {
    top: auto;
    bottom: 0;
    right: 0;
    transform: none;
    width: 100%;
    height: calc(41 / 375 * 100vw);
  }
}

html#scoped .fixed-top {
  position: fixed;
  right: calc(0.4 / 1920 * 100vw);
  bottom: calc(0.4 / 1920 * 100vw);
  z-index: 90;
  width: calc(88 / 1920 * 100vw);
}

html#scoped .fixed-links-bg {
  width: 100%;
}

html#scoped .fixed-links-item {
  position: absolute;
  left: 0;
  width: 100%;
}
html#scoped .fixed-links-item.is-order {
  top: 0;
  height: calc(127.9 / 1920 * 100vw);
}
html#scoped .fixed-links-item.is-account {
  top: calc(127.9 / 1920 * 100vw);
  height: calc(127.9 / 1920 * 100vw);
}
html#scoped .fixed-links-item.is-contact {
  top: calc(255.9 / 1920 * 100vw);
  height: calc(127.9 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .fixed-links-item {
    top: 0;
    height: 100%;
  }
  html#scoped .fixed-links-item.is-order {
    left: 0;
    width: calc(107.1 / 375 * 100vw);
    height: 100%;
  }
  html#scoped .fixed-links-item.is-account {
    top: 0;
    left: calc(107.1 / 375 * 100vw);
    width: calc(107.1 / 375 * 100vw);
    height: 100%;
  }
  html#scoped .fixed-links-item.is-contact {
    top: 0;
    left: calc(214.3 / 375 * 100vw);
    width: calc(107.1 / 375 * 100vw);
    height: 100%;
  }
  html#scoped .fixed-links-item.is-top {
    top: 0;
    left: calc(321.4 / 375 * 100vw);
    width: calc(53.6 / 375 * 100vw);
    height: 100%;
  }
}

html#scoped body {
  padding-top: calc(95 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped body {
    padding-top: calc(50 / 375 * 100vw);
  }
}

html#scoped .header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: calc(95.75 / 1920 * 100vw);
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  html#scoped .header {
    height: calc(50 / 375 * 100vw);
  }
}

html#scoped .header-logo {
  position: absolute;
  top: calc(19 / 1920 * 100vw);
  left: calc(101.6 / 1920 * 100vw);
  width: calc(245 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .header-logo {
    top: calc(9.5 / 375 * 100vw);
    left: calc(13.3 / 375 * 100vw);
    width: calc(138.7 / 375 * 100vw);
  }
}

html#scoped .header-nav-item {
  position: absolute;
  top: calc(21.2 / 1920 * 100vw);
  padding-left: calc(3.4 / 1920 * 100vw);
  transform: translateX(-50%);
  font-size: calc(24 / 1920 * 100vw);
  line-height: calc(26.9 / 1920 * 100vw);
  letter-spacing: calc(3.4 / 1920 * 100vw);
  font-weight: bold;
  color: #622f1d;
  text-align: center;
  white-space: nowrap;
}
html#scoped .header-nav-item span {
  display: block;
}
html#scoped .header-nav-item:nth-child(1) {
  left: calc(932.8 / 1920 * 100vw);
}
html#scoped .header-nav-item:nth-child(2) {
  left: calc(1114 / 1920 * 100vw);
}
html#scoped .header-nav-item:nth-child(3) {
  left: calc(1270.3 / 1920 * 100vw);
}
html#scoped .header-nav-item:nth-child(4) {
  left: calc(1421.5 / 1920 * 100vw);
}
html#scoped .header-nav-item.is-active {
  color: #c84d23;
}
html#scoped .header-nav-item.is-active::after {
  content: "";
  position: absolute;
  top: calc(63.8 / 1920 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  height: calc(10.5 / 1920 * 100vw);
  background-image: url("../assets/header-border-d.png");
  background-repeat: repeat-x;
  background-size: auto 100%;
}
html#scoped .header-nav-item.is-active:nth-child(1)::after {
  width: calc(140 / 1920 * 100vw);
}
html#scoped .header-nav-item.is-active:nth-child(2)::after {
  width: calc(170 / 1920 * 100vw);
}
html#scoped .header-nav-item.is-active:nth-child(3)::after {
  width: calc(90 / 1920 * 100vw);
}
html#scoped .header-nav-item.is-active:nth-child(4)::after {
  width: calc(170 / 1920 * 100vw);
}

html#scoped .header-nav.is-compact .header-nav-item:nth-child(1) {
  left: calc(1128.1 / 1920 * 100vw);
}
html#scoped .header-nav.is-compact .header-nav-item:nth-child(2) {
  left: calc(1309.3 / 1920 * 100vw);
}
html#scoped .header-nav.is-compact .header-nav-item:nth-child(3) {
  left: calc(1465.5 / 1920 * 100vw);
}

html#scoped .header-buy {
  position: absolute;
  top: calc(21.8 / 1920 * 100vw);
  left: calc(1551.3 / 1920 * 100vw);
  width: calc(130.7 / 1920 * 100vw);
}

html#scoped .header-line {
  position: absolute;
  top: calc(21.8 / 1920 * 100vw);
  left: calc(1701.5 / 1920 * 100vw);
  width: calc(48.4 / 1920 * 100vw);
}

html#scoped .header-facebook {
  position: absolute;
  top: calc(21.8 / 1920 * 100vw);
  left: calc(1769.3 / 1920 * 100vw);
  width: calc(48.4 / 1920 * 100vw);
}

html#scoped .header-menu {
  position: absolute;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  html#scoped .header-menu {
    top: 0;
    left: calc(319 / 375 * 100vw);
    width: calc(50 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
  }
}
html#scoped .header-menu img {
  width: 100%;
}

html#scoped .header-panel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 110;
  width: 100%;
  height: calc(650 / 375 * 100vw);
  background-color: #fff;
}

@media screen and (max-width: 800px) {
  html#scoped body.is-menu-open .header-panel {
    display: block;
  }
}

html#scoped .header-panel-logo {
  position: absolute;
  top: calc(17.53 / 375 * 100vw);
  left: calc(23.49 / 375 * 100vw);
  width: calc(138.67 / 375 * 100vw);
}

html#scoped .header-panel-close {
  position: absolute;
  top: calc(11.99 / 375 * 100vw);
  left: calc(320.95 / 375 * 100vw);
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  width: calc(45.52 / 375 * 100vw);
}
html#scoped .header-panel-close img {
  width: 100%;
}

html#scoped .header-panel-item {
  position: absolute;
  left: 0;
  width: 100%;
  font-size: calc(21.96 / 375 * 100vw);
  line-height: calc(27.22 / 375 * 100vw);
  font-weight: bold;
  color: #622f1d;
  text-align: center;
}
html#scoped .header-panel-item span {
  display: block;
}
html#scoped .header-panel-item::after {
  content: "";
  position: absolute;
  left: calc(100.6 / 375 * 100vw);
  width: calc(173.8 / 375 * 100vw);
  height: calc(2 / 375 * 100vw);
  border-radius: calc(1 / 375 * 100vw);
  background-color: #4e4d4d;
}
html#scoped .header-panel-item:nth-child(1) {
  top: calc(117.23 / 375 * 100vw);
}
html#scoped .header-panel-item:nth-child(1)::after {
  top: calc(70.22 / 375 * 100vw);
}
html#scoped .header-panel-item:nth-child(2) {
  top: calc(211.55 / 375 * 100vw);
}
html#scoped .header-panel-item:nth-child(2)::after {
  top: calc(69.9 / 375 * 100vw);
}
html#scoped .header-panel-item:nth-child(3) {
  top: calc(305.55 / 375 * 100vw);
}
html#scoped .header-panel-item:nth-child(3)::after {
  top: calc(43 / 375 * 100vw);
}
html#scoped .header-panel-item:nth-child(4) {
  top: calc(372.65 / 375 * 100vw);
}
html#scoped .header-panel-item:last-child::after {
  display: none;
}

html#scoped .header-panel.is-compact .header-panel-buy {
  top: calc(364.5 / 375 * 100vw);
}
html#scoped .header-panel.is-compact .header-panel-line,
html#scoped .header-panel.is-compact .header-panel-facebook {
  top: calc(443.1 / 375 * 100vw);
}

html#scoped .header-panel-buy {
  position: absolute;
  top: calc(458.83 / 375 * 100vw);
  left: calc(117.5 / 375 * 100vw);
  width: calc(140 / 375 * 100vw);
}

html#scoped .header-panel-line {
  position: absolute;
  top: calc(537.42 / 375 * 100vw);
  left: calc(117.5 / 375 * 100vw);
  width: calc(62.59 / 375 * 100vw);
}

html#scoped .header-panel-facebook {
  position: absolute;
  top: calc(537.42 / 375 * 100vw);
  left: calc(194.9 / 375 * 100vw);
  width: calc(62.6 / 375 * 100vw);
}

html#scoped .footer {
  position: relative;
  z-index: 1;
  margin-top: calc(-232.6 / 1920 * 100vw);
  padding-bottom: calc(62 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .footer {
    margin-top: calc(-65.1 / 375 * 100vw);
    padding-bottom: calc(63 / 375 * 100vw);
  }
}
html#scoped .footer::before {
  content: "";
  position: absolute;
  top: calc(118.3 / 1920 * 100vw);
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom, #fdfae0 0, #fdfae0 calc(179.9 / 1920 * 100vw), #deac4a calc(946.8 / 1920 * 100vw));
}
@media screen and (max-width: 800px) {
  html#scoped .footer::before {
    top: calc(48.8 / 375 * 100vw);
    background-image: linear-gradient(to bottom, #fdfae0 0, #fdfae0 calc(602.8 / 375 * 100vw), #deac4a calc(3172.8 / 375 * 100vw));
  }
}
html#scoped .footer::after {
  content: "";
  position: absolute;
  top: calc(-140 / 1920 * 100vw);
  right: 0;
  left: 0;
  height: calc(260 / 1920 * 100vw);
  background-image: linear-gradient(to bottom, rgba(6, 60, 44, 0) 0%, rgba(6, 60, 44, 0.022) 30.6%, rgba(6, 60, 44, 0.054) 38.3%, rgba(6, 60, 44, 0.104) 46%, rgba(6, 60, 44, 0.188) 53.7%, rgba(6, 60, 44, 0.287) 61.3%, rgba(6, 60, 44, 0.393) 69%, rgba(6, 60, 44, 0.48) 76.9%, rgba(6, 60, 44, 0.6) 100%);
}
@media screen and (max-width: 800px) {
  html#scoped .footer::after {
    top: calc(-25 / 375 * 100vw);
    height: calc(85 / 375 * 100vw);
    background-image: linear-gradient(to bottom, rgba(6, 60, 44, 0) 0%, rgba(6, 60, 44, 0.002) 32.7%, rgba(6, 60, 44, 0.017) 44.5%, rgba(6, 60, 44, 0.048) 50.4%, rgba(6, 60, 44, 0.095) 56.2%, rgba(6, 60, 44, 0.158) 68%, rgba(6, 60, 44, 0.258) 100%);
  }
}

html#scoped .footer-top {
  position: relative;
  z-index: 1;
  width: 100%;
}

html#scoped .footer-inner {
  position: relative;
  width: calc(1401 / 1920 * 100vw);
  margin: 0 auto;
  padding-top: calc(117.4 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .footer-inner {
    width: calc(343 / 375 * 100vw);
    padding-top: calc(26.5 / 375 * 100vw);
  }
}

html#scoped .footer-company {
  position: relative;
  font-size: calc(15 / 1920 * 100vw);
  line-height: calc(18 / 1920 * 100vw);
  font-weight: bold;
  text-align: center;
  color: #622f1d;
}
html#scoped .footer-company::before, html#scoped .footer-company::after {
  content: "";
  position: absolute;
  top: 50%;
  width: calc(403.7 / 1920 * 100vw);
  height: calc(1 / 1920 * 100vw);
  background-color: #622f1d;
}
html#scoped .footer-company::before {
  left: 0;
}
html#scoped .footer-company::after {
  right: 0;
}
@media screen and (max-width: 800px) {
  html#scoped .footer-company {
    font-size: calc(16.1 / 375 * 100vw);
    line-height: calc(21.3 / 375 * 100vw);
  }
  html#scoped .footer-company::before {
    display: none;
  }
  html#scoped .footer-company::after {
    top: auto;
    bottom: calc(-8.7 / 375 * 100vw);
    left: 0;
    width: 100%;
    height: calc(1 / 375 * 100vw);
  }
}

html#scoped .footer-text {
  margin-top: calc(8.5 / 1920 * 100vw);
  font-size: calc(18 / 1920 * 100vw);
  line-height: calc(24 / 1920 * 100vw);
  font-weight: 500;
  color: #622f1d;
}
@media screen and (max-width: 800px) {
  html#scoped .footer-text {
    margin-top: calc(9.2 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(21 / 375 * 100vw);
    font-weight: bold;
    text-align: justify;
  }
}
html#scoped .footer-text .is-alert {
  color: #c84d23;
}
html#scoped .footer-text .is-small {
  font-size: calc(15 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .footer-text .is-small {
    font-size: calc(15 / 375 * 100vw);
  }
}
html#scoped .footer-text .is-link {
  color: #2967b0;
}

html#scoped .popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.66);
}
html#scoped .popup.is-hidden {
  display: none;
}
@media screen and (max-width: 800px) {
  html#scoped .popup {
    background-color: rgba(0, 0, 0, 0.8);
  }
}

html#scoped .popup-box {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(1400 / 1920 * 100vw);
  height: calc(849 / 1920 * 100vw);
  max-height: 88vh;
  margin-top: calc(2 / 1920 * 100vw);
  background-color: #fcfcfa;
}
@media screen and (max-width: 800px) {
  html#scoped .popup-box {
    width: calc(343.4 / 375 * 100vw);
    height: calc(669.8 / 375 * 100vw);
    max-height: 86vh;
    margin-top: 0;
    margin-bottom: calc(13 / 375 * 100vw);
  }
}

html#scoped .popup-head {
  position: relative;
  flex: none;
  height: calc(119 / 1920 * 100vw);
  background-color: #00856f;
}
@media screen and (max-width: 800px) {
  html#scoped .popup-head {
    height: calc(50 / 375 * 100vw);
  }
}

html#scoped .popup-title {
  position: absolute;
  top: calc(33.2 / 1920 * 100vw);
  left: calc(53 / 1920 * 100vw);
  font-size: calc(43.6 / 1920 * 100vw);
  line-height: calc(56 / 1920 * 100vw);
  font-weight: bold;
  font-feature-settings: "palt" 1;
  color: #fff;
}
@media screen and (max-width: 800px) {
  html#scoped .popup-title {
    top: calc(14.2 / 375 * 100vw);
    left: calc(13.1 / 375 * 100vw);
    font-size: calc(17 / 375 * 100vw);
    line-height: calc(22 / 375 * 100vw);
  }
}

html#scoped .popup-close {
  position: absolute;
  top: 0;
  left: calc(1279 / 1920 * 100vw);
  width: calc(120 / 1920 * 100vw);
  height: calc(120 / 1920 * 100vw);
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: url("../assets/popup-close.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  html#scoped .popup-close {
    left: calc(293.4 / 375 * 100vw);
    width: calc(50 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
  }
}

html#scoped .popup-body {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: calc(40.2 / 1920 * 100vw) calc(51 / 1920 * 100vw) calc(38 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .popup-body {
    padding: calc(11.8 / 375 * 100vw) calc(13.2 / 375 * 100vw) calc(22.8 / 375 * 100vw) calc(12.2 / 375 * 100vw);
  }
}

html#scoped .popup-text {
  font-size: calc(18 / 1920 * 100vw);
  line-height: calc(24 / 1920 * 100vw);
  font-weight: 500;
  text-align: justify;
  color: #622f1d;
}
@media screen and (max-width: 800px) {
  html#scoped .popup-text {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(21 / 375 * 100vw);
  }
}
html#scoped .popup-text .is-alert {
  color: #c84d23;
}
html#scoped .popup-text .is-small {
  font-size: calc(15 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .popup-text .is-small {
    font-size: calc(12 / 375 * 100vw);
  }
}
html#scoped .popup-text .is-link {
  color: #2967b0;
}

html#scoped section {
  scroll-margin-top: calc(95 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped section {
    scroll-margin-top: calc(50 / 375 * 100vw);
  }
}

html#scoped .section1 {
  position: relative;
  z-index: 1;
  height: calc(962 / 1920 * 100vw);
  background-image: url("../assets/sec1-bg-d.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}
@media screen and (max-width: 800px) {
  html#scoped .section1 {
    height: calc(608 / 375 * 100vw);
    background-image: url("../assets/sec1-bg-m.png");
    background-size: 100% calc(607 / 375 * 100vw);
  }
}

html#scoped .section1-text {
  position: absolute;
  top: calc(127.3 / 1920 * 100vw);
  left: calc(1051.6 / 1920 * 100vw);
  width: calc(723.1 / 1920 * 100vw);
  font-size: calc(36.04 / 1920 * 100vw);
  line-height: calc(40.2 / 1920 * 100vw);
  letter-spacing: calc(3.2 / 1920 * 100vw);
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 800px) {
  html#scoped .section1-text {
    top: calc(35.9 / 375 * 100vw);
    left: 0;
    width: 100%;
    font-size: calc(18.95 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
    letter-spacing: 0;
  }
}

html#scoped .section1-title {
  font-size: inherit;
  font-weight: bold;
  color: #74451e;
}

html#scoped .section1-note {
  font-weight: bold;
  color: #4f4d4d;
}

html#scoped .section1-heading {
  position: absolute;
  top: calc(315.1 / 1920 * 100vw);
  left: calc(1051.6 / 1920 * 100vw);
  width: calc(723 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section1-heading {
    top: calc(145 / 375 * 100vw);
    left: 0;
    width: 100%;
  }
}

html#scoped .section1-date {
  position: absolute;
  top: calc(569.9 / 1920 * 100vw);
  left: calc(1051.6 / 1920 * 100vw);
  width: calc(723.5 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section1-date {
    top: calc(522 / 375 * 100vw);
    left: 0;
    width: 100%;
  }
}

html#scoped .section2 {
  position: relative;
  z-index: 2;
  margin-top: calc(-282 / 1920 * 100vw);
  height: calc(1329 / 1920 * 100vw);
  background-image: url("../assets/sec2-bg-d.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}
@media screen and (max-width: 800px) {
  html#scoped .section2 {
    margin-top: calc(33.2 / 375 * 100vw);
    height: calc(408.9 / 375 * 100vw);
    background-image: url("../assets/sec2-bg-m.png");
  }
}

html#scoped .section2-globe {
  position: absolute;
  top: calc(669.4 / 1920 * 100vw);
  left: calc(-161.1 / 1920 * 100vw);
  z-index: 1;
  width: calc(890.3 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section2-globe {
    top: calc(296.7 / 375 * 100vw);
    left: calc(-42.7 / 375 * 100vw);
    width: calc(150.5 / 375 * 100vw);
  }
}

html#scoped .section2-video {
  position: absolute;
  top: calc(304.8 / 1920 * 100vw);
  left: calc(463.4 / 1920 * 100vw);
  z-index: 2;
  width: calc(990 / 1920 * 100vw);
  height: calc(641 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section2-video {
    top: calc(28.1 / 375 * 100vw);
    left: calc(-2.2 / 375 * 100vw);
    width: calc(377 / 375 * 100vw);
    height: calc(284 / 375 * 100vw);
  }
}

html#scoped .section2-video-frame {
  width: 100%;
}

html#scoped .section2-video-screen {
  position: absolute;
  top: calc(83.5 / 1920 * 100vw);
  left: calc(65.6 / 1920 * 100vw);
  width: calc(860 / 1920 * 100vw);
  height: calc(483.8 / 1920 * 100vw);
  border-radius: calc(32 / 1920 * 100vw);
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  html#scoped .section2-video-screen {
    top: calc(45 / 375 * 100vw);
    left: calc(27.2 / 375 * 100vw);
    width: calc(325.3 / 375 * 100vw);
    height: calc(183 / 375 * 100vw);
    border-radius: calc(12.3 / 375 * 100vw);
  }
}

html#scoped .section2-video-item {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  opacity: 0;
  pointer-events: none;
}
html#scoped .section2-video-item.is-active {
  opacity: 1;
  pointer-events: auto;
}

html#scoped .section2-heading {
  position: absolute;
  top: calc(305.5 / 1920 * 100vw);
  left: calc(644.6 / 1920 * 100vw);
  z-index: 3;
  width: calc(629 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section2-heading {
    top: calc(28.1 / 375 * 100vw);
    left: calc(50.9 / 375 * 100vw);
    width: calc(273.3 / 375 * 100vw);
  }
}

html#scoped .section2-thumbs {
  position: absolute;
  top: calc(932.3 / 1920 * 100vw);
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  display: flex;
  gap: calc(46.1 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section2-thumbs {
    top: calc(288.1 / 375 * 100vw);
    gap: calc(21.2 / 375 * 100vw);
  }
}

html#scoped .section2-thumb {
  position: relative;
  display: block;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: url("../assets/sec2-thumb1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  filter: drop-shadow(0 calc(6.5 / 1920 * 100vw) calc(9 / 1920 * 100vw) rgba(0, 0, 0, 0.76));
  cursor: pointer;
  width: calc(191.5 / 1920 * 100vw);
  height: calc(122 / 1920 * 100vw);
}
html#scoped .section2-thumb.is-active {
  background-image: url("../assets/sec2-thumb2.png");
}
html#scoped .section2-thumb img {
  position: absolute;
  top: 9.43%;
  left: 5.74%;
  width: 88.51%;
  height: 81.56%;
  object-fit: cover;
}
@media screen and (max-width: 800px) {
  html#scoped .section2-thumb {
    width: calc(78.5 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
    filter: drop-shadow(0 calc(2.6 / 375 * 100vw) calc(3.6 / 375 * 100vw) rgba(0, 0, 0, 0.76));
  }
}

html#scoped .section3 {
  position: relative;
  z-index: 3;
  pointer-events: none;
  margin-top: calc(-481.5 / 1920 * 100vw);
  height: calc(1860 / 1920 * 100vw);
  scroll-margin-top: calc(-316.5 / 1920 * 100vw);
  background-image: url("../assets/sec3-bg-d.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}
@media screen and (max-width: 800px) {
  html#scoped .section3 {
    margin-top: calc(-79.1 / 375 * 100vw);
    height: calc(843 / 375 * 100vw);
    scroll-margin-top: calc(25.9 / 375 * 100vw);
    background-image: url("../assets/sec3-bg-m.png");
  }
}

html#scoped .section3-panel {
  position: absolute;
  top: calc(627.6 / 1920 * 100vw);
  left: calc(288.8 / 1920 * 100vw);
  z-index: 2;
  pointer-events: auto;
  width: calc(1343.1 / 1920 * 100vw);
  height: calc(615.6 / 1920 * 100vw);
  border-radius: calc(60 / 1920 * 100vw);
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 calc(20 / 1920 * 100vw) calc(33 / 1920 * 100vw) rgba(0, 0, 0, 0.18);
  touch-action: pan-y;
}
@media screen and (max-width: 800px) {
  html#scoped .section3-panel {
    top: calc(158.5 / 375 * 100vw);
    left: 0;
    width: 100%;
    height: calc(536.5 / 375 * 100vw);
    border-radius: 0;
    box-shadow: none;
  }
}

html#scoped .section3-track {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 400ms cubic-bezier(0.68, 0, 0.265, 1);
}

html#scoped .section3-heading {
  position: absolute;
  top: calc(411.5 / 1920 * 100vw);
  left: calc(455 / 1920 * 100vw);
  z-index: 5;
  width: calc(1010.5 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section3-heading {
    top: calc(24.1 / 375 * 100vw);
    left: calc(45.8 / 375 * 100vw);
    width: calc(283.7 / 375 * 100vw);
  }
}

html#scoped .section3-arrow {
  position: absolute;
  top: calc(874.5 / 1920 * 100vw);
  z-index: 4;
  pointer-events: auto;
  height: calc(149 / 1920 * 100vw);
  padding: 0;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
html#scoped .section3-arrow.is-prev {
  left: calc(214.4 / 1920 * 100vw);
  width: calc(74.5 / 1920 * 100vw);
  background-image: url("../assets/slider-prev-d.png");
}
html#scoped .section3-arrow.is-next {
  left: calc(1631.9 / 1920 * 100vw);
  width: calc(74 / 1920 * 100vw);
  background-image: url("../assets/slider-next-d.png");
}

html#scoped .section3-tabs {
  position: absolute;
  top: calc(512.2 / 1920 * 100vw);
  left: calc(516.8 / 1920 * 100vw);
  z-index: 4;
  width: calc(907.5 / 1920 * 100vw);
  height: calc(115.5 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section3-tabs {
    top: calc(107.4 / 375 * 100vw);
    left: 0;
    width: 100%;
    height: calc(61 / 375 * 100vw);
  }
}

html#scoped .section3-tabs-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}
html#scoped .section3-tabs-image.is-active {
  opacity: 1;
}

html#scoped .section3-tab {
  position: absolute;
  top: calc(34.4 / 1920 * 100vw);
  z-index: 1;
  pointer-events: auto;
  height: calc(81 / 1920 * 100vw);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
html#scoped .section3-tab.is-active {
  top: 0;
  z-index: 2;
  height: calc(115.5 / 1920 * 100vw);
}
html#scoped .section3-tab[data-tab="1"] {
  left: 0;
  width: calc(282 / 1920 * 100vw);
}
html#scoped .section3-tab[data-tab="1"].is-active {
  left: calc(1.5 / 1920 * 100vw);
  width: calc(322 / 1920 * 100vw);
}
html#scoped .section3-tab[data-tab="2"] {
  left: calc(282 / 1920 * 100vw);
  width: calc(281.5 / 1920 * 100vw);
}
html#scoped .section3-tab[data-tab="2"].is-active {
  width: calc(321.5 / 1920 * 100vw);
}
html#scoped .section3-tab[data-tab="3"] {
  left: calc(604.7 / 1920 * 100vw);
  width: calc(281.8 / 1920 * 100vw);
}
html#scoped .section3-tab[data-tab="3"].is-active {
  left: calc(563.5 / 1920 * 100vw);
  width: calc(321.5 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section3-tab {
    top: 0;
    height: 100%;
  }
  html#scoped .section3-tab.is-active {
    top: 0;
    height: 100%;
  }
  html#scoped .section3-tab[data-tab="1"], html#scoped .section3-tab[data-tab="1"].is-active {
    left: 0;
    width: calc(125 / 375 * 100vw);
  }
  html#scoped .section3-tab[data-tab="2"], html#scoped .section3-tab[data-tab="2"].is-active {
    left: calc(125 / 375 * 100vw);
    width: calc(125 / 375 * 100vw);
  }
  html#scoped .section3-tab[data-tab="3"], html#scoped .section3-tab[data-tab="3"].is-active {
    left: calc(250 / 375 * 100vw);
    width: calc(125 / 375 * 100vw);
  }
}

html#scoped .section3-item {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
}

html#scoped .section3-text {
  position: absolute;
  top: calc(42.9 / 1920 * 100vw);
  left: calc(28.8 / 1920 * 100vw);
  width: calc(1285 / 1920 * 100vw);
  font-size: calc(25.9 / 1920 * 100vw);
  line-height: calc(35 / 1920 * 100vw);
  font-weight: bold;
  font-feature-settings: "palt" 1;
  text-align: justify;
  color: #4f4d4d;
}
@media screen and (max-width: 800px) {
  html#scoped .section3-text {
    top: calc(12.9 / 375 * 100vw);
    left: calc(16.2 / 375 * 100vw);
    width: calc(342.6 / 375 * 100vw);
    font-size: calc(14.5 / 375 * 100vw);
    line-height: calc(20 / 375 * 100vw);
  }
}

html#scoped .section3-graph {
  position: absolute;
  left: calc(26.2 / 1920 * 100vw);
  width: calc(1290 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section3-graph {
    left: 0;
    top: calc(73.3 / 375 * 100vw);
    width: 100%;
  }
}

html#scoped .section3-item[data-tab="1"] .section3-graph {
  top: calc(129 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section3-item[data-tab="1"] .section3-graph {
    top: calc(83.2 / 375 * 100vw);
  }
}

html#scoped .section3-item[data-tab="2"] .section3-graph {
  top: calc(148.2 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section3-item[data-tab="2"] .section3-graph {
    top: calc(83.2 / 375 * 100vw);
  }
}

html#scoped .section3-item[data-tab="3"] .section3-graph {
  top: calc(138.7 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section3-item[data-tab="3"] .section3-graph {
    top: calc(83.2 / 375 * 100vw);
  }
}

html#scoped .section3-source {
  position: absolute;
  bottom: calc(24.2 / 1920 * 100vw);
  left: calc(26.4 / 1920 * 100vw);
  width: calc(1281 / 1920 * 100vw);
  font-size: calc(13.8 / 1920 * 100vw);
  line-height: calc(16 / 1920 * 100vw);
  font-feature-settings: "palt" 1;
  word-break: break-all;
  text-align: justify;
  color: #727172;
}
html#scoped .section3-source .is-alert {
  font-weight: bold;
  color: #d06a34;
}
@media screen and (max-width: 800px) {
  html#scoped .section3-source {
    bottom: calc(9.5 / 375 * 100vw);
    left: calc(16 / 375 * 100vw);
    width: calc(343 / 375 * 100vw);
    font-size: calc(11 / 375 * 100vw);
    line-height: calc(13.77 / 375 * 100vw);
  }
}

html#scoped .section4 {
  position: relative;
  z-index: 4;
  pointer-events: none;
  margin-top: calc(-710 / 1920 * 100vw);
  height: calc(1408 / 1920 * 100vw);
  scroll-margin-top: calc(-187.9 / 1920 * 100vw);
  background-image: url("../assets/sec4-bg-d.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}
@media screen and (max-width: 800px) {
  html#scoped .section4 {
    margin-top: calc(-201.8 / 375 * 100vw);
    height: calc(873 / 375 * 100vw);
    scroll-margin-top: calc(-18.8 / 375 * 100vw);
    background-image: url("../assets/sec4-bg-m.png");
  }
}

html#scoped .section4-dna {
  position: absolute;
  top: calc(964.3 / 1920 * 100vw);
  left: calc(-23.8 / 1920 * 100vw);
  z-index: 1;
  width: calc(527.5 / 1920 * 100vw);
}

html#scoped .section4-heading {
  position: absolute;
  top: calc(282.9 / 1920 * 100vw);
  left: calc(455 / 1920 * 100vw);
  z-index: 5;
  width: calc(1010.5 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section4-heading {
    top: calc(68.8 / 375 * 100vw);
    left: calc(30.4 / 375 * 100vw);
    width: calc(314.3 / 375 * 100vw);
  }
}

html#scoped .section4-arrow {
  position: absolute;
  top: calc(694.5 / 1920 * 100vw);
  z-index: 4;
  pointer-events: auto;
  height: calc(148.9 / 1920 * 100vw);
  padding: 0;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
html#scoped .section4-arrow.is-prev {
  left: calc(214.4 / 1920 * 100vw);
  width: calc(74.5 / 1920 * 100vw);
  background-image: url("../assets/slider-prev-d.png");
}
html#scoped .section4-arrow.is-next {
  left: calc(1631.9 / 1920 * 100vw);
  width: calc(74 / 1920 * 100vw);
  background-image: url("../assets/slider-next-d.png");
}

html#scoped .section4-tabs {
  position: absolute;
  top: calc(382.5 / 1920 * 100vw);
  left: calc(375.9 / 1920 * 100vw);
  z-index: 4;
  width: calc(1190 / 1920 * 100vw);
  height: calc(115 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section4-tabs {
    top: calc(151.8 / 375 * 100vw);
    left: calc(-13 / 375 * 100vw);
    width: calc(375 / 375 * 100vw);
    height: calc(95 / 375 * 100vw);
  }
}

html#scoped .section4-tabs-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}
html#scoped .section4-tabs-image.is-active {
  opacity: 1;
}

html#scoped .section4-tab {
  position: absolute;
  top: calc(22.5 / 1920 * 100vw);
  z-index: 1;
  pointer-events: auto;
  height: calc(92.5 / 1920 * 100vw);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
html#scoped .section4-tab.is-active {
  top: 0;
  z-index: 2;
  height: calc(115 / 1920 * 100vw);
}
html#scoped .section4-tab[data-tab="1"] {
  left: 0;
  width: calc(282 / 1920 * 100vw);
}
html#scoped .section4-tab[data-tab="1"].is-active {
  left: calc(1 / 1920 * 100vw);
  width: calc(321.5 / 1920 * 100vw);
}
html#scoped .section4-tab[data-tab="2"] {
  left: calc(282 / 1920 * 100vw);
  width: calc(282 / 1920 * 100vw);
}
html#scoped .section4-tab[data-tab="2"].is-active {
  left: calc(283 / 1920 * 100vw);
  width: calc(321.5 / 1920 * 100vw);
}
html#scoped .section4-tab[data-tab="3"] {
  left: calc(564.5 / 1920 * 100vw);
  width: calc(282 / 1920 * 100vw);
}
html#scoped .section4-tab[data-tab="3"].is-active {
  width: calc(321.5 / 1920 * 100vw);
}
html#scoped .section4-tab[data-tab="4"] {
  left: calc(887 / 1920 * 100vw);
  width: calc(282 / 1920 * 100vw);
}
html#scoped .section4-tab[data-tab="4"].is-active {
  left: calc(846.5 / 1920 * 100vw);
  width: calc(321 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section4-tab {
    top: 0;
    height: calc(47 / 375 * 100vw);
  }
  html#scoped .section4-tab.is-active {
    top: 0;
    height: calc(47 / 375 * 100vw);
  }
  html#scoped .section4-tab[data-tab="1"], html#scoped .section4-tab[data-tab="1"].is-active {
    top: 0;
    left: calc(23 / 375 * 100vw);
    width: calc(164.2 / 375 * 100vw);
  }
  html#scoped .section4-tab[data-tab="2"], html#scoped .section4-tab[data-tab="2"].is-active {
    top: 0;
    left: calc(187.2 / 375 * 100vw);
    width: calc(164.1 / 375 * 100vw);
  }
  html#scoped .section4-tab[data-tab="3"], html#scoped .section4-tab[data-tab="3"].is-active {
    top: calc(47 / 375 * 100vw);
    left: calc(23 / 375 * 100vw);
    width: calc(164.2 / 375 * 100vw);
  }
  html#scoped .section4-tab[data-tab="4"], html#scoped .section4-tab[data-tab="4"].is-active {
    top: calc(47 / 375 * 100vw);
    left: calc(187.2 / 375 * 100vw);
    width: calc(164.1 / 375 * 100vw);
  }
}

html#scoped .section4-panel {
  position: absolute;
  top: calc(497.8 / 1920 * 100vw);
  left: calc(288.8 / 1920 * 100vw);
  z-index: 2;
  pointer-events: auto;
  width: calc(1343.1 / 1920 * 100vw);
  height: calc(547 / 1920 * 100vw);
  border-radius: calc(60 / 1920 * 100vw);
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 calc(20 / 1920 * 100vw) calc(33 / 1920 * 100vw) rgba(0, 0, 0, 0.18);
  touch-action: pan-y;
}
@media screen and (max-width: 800px) {
  html#scoped .section4-panel {
    top: calc(202.2 / 375 * 100vw);
    left: 0;
    width: 100%;
    height: calc(587.4 / 375 * 100vw);
    border-radius: 0;
    box-shadow: none;
  }
}

html#scoped .section4-track {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 400ms cubic-bezier(0.68, 0, 0.265, 1);
}

html#scoped .section4-item {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
}

html#scoped .section4-graph {
  position: absolute;
  width: calc(1295 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section4-graph {
    top: calc(49.6 / 375 * 100vw);
    left: 0;
    width: 100%;
  }
}

@media screen and (min-width: 801px) {
  html#scoped .section4-item[data-tab="1"] .section4-graph {
    top: calc(4.7 / 1920 * 100vw);
    left: calc(40.2 / 1920 * 100vw);
  }
}

@media screen and (min-width: 801px) {
  html#scoped .section4-item[data-tab="2"] .section4-graph {
    top: calc(2.6 / 1920 * 100vw);
    left: calc(39 / 1920 * 100vw);
  }
}

@media screen and (min-width: 801px) {
  html#scoped .section4-item[data-tab="3"] .section4-graph {
    top: calc(5.8 / 1920 * 100vw);
    left: calc(26.1 / 1920 * 100vw);
  }
}

@media screen and (min-width: 801px) {
  html#scoped .section4-item[data-tab="4"] .section4-graph {
    top: calc(3.6 / 1920 * 100vw);
    left: calc(22.2 / 1920 * 100vw);
  }
}

html#scoped .section4-source {
  position: absolute;
  bottom: calc(26 / 1920 * 100vw);
  left: calc(39.3 / 1920 * 100vw);
  width: calc(1276.1 / 1920 * 100vw);
  font-size: calc(13.8 / 1920 * 100vw);
  line-height: calc(16 / 1920 * 100vw);
  font-feature-settings: "palt" 1;
  word-break: break-all;
  text-align: justify;
  color: #727172;
}
html#scoped .section4-source .is-alert {
  font-weight: bold;
  color: #d06a34;
}
@media screen and (max-width: 800px) {
  html#scoped .section4-source {
    display: none;
  }
}

html#scoped .section5 {
  position: relative;
  z-index: 5;
  pointer-events: none;
  margin-top: calc(-455.7 / 1920 * 100vw);
  height: calc(2002 / 1920 * 100vw);
  scroll-margin-top: calc(-175.9 / 1920 * 100vw);
  background-image: url("../assets/sec5-bg-d.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}
@media screen and (max-width: 800px) {
  html#scoped .section5 {
    margin-top: calc(-141.4 / 375 * 100vw);
    height: calc(1095 / 375 * 100vw);
    scroll-margin-top: calc(-25.2 / 375 * 100vw);
    background-image: url("../assets/sec5-bg-m.png");
  }
}

html#scoped .section5-lizard {
  position: absolute;
  top: calc(371.9 / 1920 * 100vw);
  left: calc(127.6 / 1920 * 100vw);
  z-index: 3;
  width: calc(461 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section5-lizard {
    top: calc(220.8 / 375 * 100vw);
    left: calc(-8.7 / 375 * 100vw);
    width: calc(142 / 375 * 100vw);
  }
}

html#scoped .section5-heading {
  position: absolute;
  top: calc(270.9 / 1920 * 100vw);
  left: calc(499.2 / 1920 * 100vw);
  z-index: 5;
  width: calc(910 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section5-heading {
    top: calc(75.2 / 375 * 100vw);
    left: 0;
    width: 100%;
  }
}

html#scoped .section5-arrow {
  position: absolute;
  top: calc(809.7 / 1920 * 100vw);
  z-index: 4;
  pointer-events: auto;
  height: calc(148.9 / 1920 * 100vw);
  padding: 0;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
html#scoped .section5-arrow.is-prev {
  left: calc(214.4 / 1920 * 100vw);
  width: calc(74.5 / 1920 * 100vw);
  background-image: url("../assets/slider-prev-d.png");
}
html#scoped .section5-arrow.is-next {
  left: calc(1631.9 / 1920 * 100vw);
  width: calc(74 / 1920 * 100vw);
  background-image: url("../assets/slider-next-d.png");
}

html#scoped .section5-tabs {
  position: absolute;
  top: calc(445.2 / 1920 * 100vw);
  left: calc(657.7 / 1920 * 100vw);
  z-index: 4;
  width: calc(626 / 1920 * 100vw);
  height: calc(117 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section5-tabs {
    top: calc(224.2 / 375 * 100vw);
    left: 0;
    width: 100%;
    height: calc(51 / 375 * 100vw);
  }
}

html#scoped .section5-tabs-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}
html#scoped .section5-tabs-image.is-active {
  opacity: 1;
}

html#scoped .section5-tab {
  position: absolute;
  top: calc(24.5 / 1920 * 100vw);
  z-index: 1;
  pointer-events: auto;
  height: calc(92.5 / 1920 * 100vw);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
html#scoped .section5-tab.is-active {
  top: 0;
  z-index: 2;
  height: calc(117 / 1920 * 100vw);
}
html#scoped .section5-tab[data-tab="1"] {
  left: 0;
  width: calc(282 / 1920 * 100vw);
}
html#scoped .section5-tab[data-tab="1"].is-active {
  width: calc(321.5 / 1920 * 100vw);
}
html#scoped .section5-tab[data-tab="2"] {
  left: calc(322.5 / 1920 * 100vw);
  width: calc(282 / 1920 * 100vw);
}
html#scoped .section5-tab[data-tab="2"].is-active {
  left: calc(282 / 1920 * 100vw);
  width: calc(321.5 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section5-tab {
    top: 0;
    height: 100%;
  }
  html#scoped .section5-tab.is-active {
    top: 0;
    height: 100%;
  }
  html#scoped .section5-tab[data-tab="1"], html#scoped .section5-tab[data-tab="1"].is-active {
    left: calc(119 / 375 * 100vw);
    width: calc(128 / 375 * 100vw);
  }
  html#scoped .section5-tab[data-tab="2"], html#scoped .section5-tab[data-tab="2"].is-active {
    left: calc(247 / 375 * 100vw);
    width: calc(128 / 375 * 100vw);
  }
}

html#scoped .section5-panel {
  position: absolute;
  top: calc(562.8 / 1920 * 100vw);
  left: calc(288.8 / 1920 * 100vw);
  z-index: 2;
  pointer-events: auto;
  width: calc(1343.1 / 1920 * 100vw);
  height: calc(805.3 / 1920 * 100vw);
  border-radius: calc(60 / 1920 * 100vw);
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 calc(20 / 1920 * 100vw) calc(33 / 1920 * 100vw) rgba(0, 0, 0, 0.18);
  touch-action: pan-y;
}
@media screen and (max-width: 800px) {
  html#scoped .section5-panel {
    top: calc(265.2 / 375 * 100vw);
    left: 0;
    width: 100%;
    height: calc(651 / 375 * 100vw);
    border-radius: 0;
    box-shadow: none;
  }
}

html#scoped .section5-track {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 400ms cubic-bezier(0.68, 0, 0.265, 1);
}

html#scoped .section5-item {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
}

html#scoped .section5-graph {
  position: absolute;
  width: calc(1295 / 1920 * 100vw);
}

@media screen and (min-width: 801px) {
  html#scoped .section5-item[data-tab="1"] .section5-graph {
    top: calc(44.7 / 1920 * 100vw);
    left: calc(25.2 / 1920 * 100vw);
  }
}
@media screen and (max-width: 800px) {
  html#scoped .section5-item[data-tab="1"] .section5-graph {
    top: calc(14 / 375 * 100vw);
    left: 0;
    width: 100%;
  }
}

@media screen and (min-width: 801px) {
  html#scoped .section5-item[data-tab="2"] .section5-graph {
    top: calc(55.9 / 1920 * 100vw);
    left: calc(25 / 1920 * 100vw);
  }
}
@media screen and (max-width: 800px) {
  html#scoped .section5-item[data-tab="2"] .section5-graph {
    top: calc(18 / 375 * 100vw);
    left: calc(16 / 375 * 100vw);
    width: calc(343.3 / 375 * 100vw);
  }
}

html#scoped .section5-source {
  position: absolute;
  bottom: calc(24.8 / 1920 * 100vw);
  left: calc(24.2 / 1920 * 100vw);
  width: calc(1293.1 / 1920 * 100vw);
  font-size: calc(13.8 / 1920 * 100vw);
  line-height: calc(16 / 1920 * 100vw);
  font-feature-settings: "palt" 1;
  word-break: break-all;
  text-align: justify;
  color: #727172;
}
html#scoped .section5-source .is-alert {
  font-weight: bold;
  color: #d06a34;
}
@media screen and (max-width: 800px) {
  html#scoped .section5-source {
    bottom: calc(10 / 375 * 100vw);
    left: calc(16 / 375 * 100vw);
    width: calc(342.6 / 375 * 100vw);
    font-size: calc(11.3 / 375 * 100vw);
    line-height: calc(14.1 / 375 * 100vw);
  }
}

@media screen and (max-width: 800px) {
  html#scoped .section5-item[data-tab="2"] .section5-source {
    font-size: calc(10.6 / 375 * 100vw);
    line-height: calc(11 / 375 * 100vw);
  }
}

html#scoped #index {
  background-image: linear-gradient(to bottom, #fcfae0 0%, #fcfae0 18.4%, #deac4a 100%), linear-gradient(#deac4a, #deac4a);
  background-repeat: no-repeat, no-repeat;
  background-position: left calc(5214.9 / 1920 * 100vw), left bottom;
  background-size: 100% calc(2256.9 / 1920 * 100vw), 100% calc(200 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped #index {
    background-position: left calc(3297.5 / 375 * 100vw), left bottom;
    background-size: 100% calc(3154.5 / 375 * 100vw), 100% calc(200 / 375 * 100vw);
  }
}

html#scoped .section6 {
  position: relative;
  z-index: 6;
  margin-top: calc(-535.3 / 1920 * 100vw);
  height: calc(1307.5 / 1920 * 100vw);
  scroll-margin-top: calc(-262.3 / 1920 * 100vw);
}
html#scoped .section6::after {
  content: "";
  position: absolute;
  top: calc(118.4 / 1920 * 100vw);
  left: 0;
  z-index: 1;
  width: 100%;
  height: calc(1189.1 / 1920 * 100vw);
  background-image: linear-gradient(to bottom, #fcfae0 0%, #fcfae0 18.4%, #deac4a 100%);
  background-repeat: no-repeat;
  background-size: 100% calc(2256.9 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section6 {
    margin-top: calc(-189.8 / 375 * 100vw);
    height: calc(1033 / 375 * 100vw);
    scroll-margin-top: calc(-310.6 / 375 * 100vw);
  }
  html#scoped .section6::after {
    top: calc(48.5 / 375 * 100vw);
    height: calc(984.5 / 375 * 100vw);
    background-size: 100% calc(3154.5 / 375 * 100vw);
  }
}

html#scoped .section6-top {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  filter: drop-shadow(0 0 calc(55 / 1920 * 100vw) rgba(0, 0, 0, 0.48));
}
@media screen and (max-width: 800px) {
  html#scoped .section6-top {
    top: calc(-0.9 / 375 * 100vw);
    filter: drop-shadow(0 0 calc(9 / 375 * 100vw) rgba(0, 0, 0, 0.17));
  }
}

html#scoped .section6-links {
  position: absolute;
  top: calc(154.5 / 1920 * 100vw);
  left: calc(288 / 1920 * 100vw);
  z-index: 2;
  display: flex;
  justify-content: space-between;
  width: calc(1343 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section6-links {
    top: calc(67 / 375 * 100vw);
    left: calc(53 / 375 * 100vw);
    flex-direction: column;
    width: calc(269 / 375 * 100vw);
    height: calc(265 / 375 * 100vw);
  }
}

html#scoped .section6-link {
  display: block;
  width: calc(416 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section6-link {
    position: absolute;
    left: 0;
    width: calc(269 / 375 * 100vw);
  }
  html#scoped .section6-link:nth-child(2) {
    top: calc(97 / 375 * 100vw);
  }
  html#scoped .section6-link:nth-child(3) {
    top: calc(195 / 375 * 100vw);
  }
}
html#scoped .section6-link img {
  width: 100%;
}

html#scoped .section6-box {
  position: absolute;
  top: calc(358.5 / 1920 * 100vw);
  left: calc(213.7 / 1920 * 100vw);
  z-index: 2;
  width: calc(1508 / 1920 * 100vw);
  height: calc(949 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section6-box {
    top: calc(379 / 375 * 100vw);
    left: 0;
    width: 100%;
    height: calc(654 / 375 * 100vw);
  }
}

html#scoped .section6-box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

html#scoped .section6-heading {
  position: absolute;
  top: calc(0.1 / 1920 * 100vw);
  left: calc(431.7 / 1920 * 100vw);
  z-index: 2;
  width: calc(629 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section6-heading {
    top: calc(-18.7 / 375 * 100vw);
    left: calc(50.9 / 375 * 100vw);
    width: calc(273.3 / 375 * 100vw);
  }
}

html#scoped .section6-custodian,
html#scoped .section6-sellers,
html#scoped .section6-manager {
  position: absolute;
  z-index: 1;
  font-size: calc(30 / 1920 * 100vw);
  line-height: calc(36 / 1920 * 100vw);
  letter-spacing: calc(2.4 / 1920 * 100vw);
  font-weight: bold;
  white-space: nowrap;
  color: #1f1715;
}
@media screen and (max-width: 800px) {
  html#scoped .section6-custodian,
  html#scoped .section6-sellers,
  html#scoped .section6-manager {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
    letter-spacing: calc(1.6 / 375 * 100vw);
  }
}

html#scoped .section6-custodian {
  top: calc(194.8 / 1920 * 100vw);
  left: calc(490.1 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section6-custodian {
    top: calc(116 / 375 * 100vw);
    left: 0;
    width: 100%;
    padding-left: calc(1.6 / 375 * 100vw);
    text-align: center;
  }
}

html#scoped .section6-sellers {
  top: calc(324.8 / 1920 * 100vw);
  left: calc(491.1 / 1920 * 100vw);
  width: calc(850 / 1920 * 100vw);
  line-height: calc(44 / 1920 * 100vw);
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 800px) {
  html#scoped .section6-sellers {
    top: calc(228 / 375 * 100vw);
    left: calc(45.6 / 375 * 100vw);
    width: calc(288 / 375 * 100vw);
    padding-left: calc(1.6 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
    text-align: center;
  }
}

html#scoped .section6-manager {
  top: calc(509.4 / 1920 * 100vw);
  left: calc(490.3 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section6-manager {
    top: calc(417 / 375 * 100vw);
    left: calc(49 / 375 * 100vw);
  }
}

html#scoped .section6-buy {
  position: absolute;
  top: calc(497 / 1920 * 100vw);
  left: calc(674.3 / 1920 * 100vw);
  z-index: 1;
  width: calc(202 / 1920 * 100vw);
  height: calc(62 / 1920 * 100vw);
  padding-left: calc(2.4 / 1920 * 100vw);
  border-radius: calc(31 / 1920 * 100vw);
  background-color: #bf3c32;
  font-size: calc(30 / 1920 * 100vw);
  line-height: calc(62 / 1920 * 100vw);
  letter-spacing: calc(2.4 / 1920 * 100vw);
  font-weight: bold;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 800px) {
  html#scoped .section6-buy {
    top: calc(413 / 375 * 100vw);
    left: calc(163 / 375 * 100vw);
    width: calc(122 / 375 * 100vw);
    height: calc(34 / 375 * 100vw);
    padding-left: calc(1.6 / 375 * 100vw);
    border-radius: calc(17 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(34 / 375 * 100vw);
    letter-spacing: calc(1.6 / 375 * 100vw);
  }
}

html#scoped .section6-invite {
  position: absolute;
  top: calc(626.8 / 1920 * 100vw);
  left: calc(490.3 / 1920 * 100vw);
  z-index: 1;
  font-size: calc(36 / 1920 * 100vw);
  line-height: calc(44 / 1920 * 100vw);
  letter-spacing: calc(3 / 1920 * 100vw);
  font-weight: bold;
  white-space: nowrap;
  color: #fff;
}
@media screen and (max-width: 800px) {
  html#scoped .section6-invite {
    top: calc(480 / 375 * 100vw);
    left: calc(48 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
    letter-spacing: calc(1.6 / 375 * 100vw);
  }
}

html#scoped .section6-open {
  position: absolute;
  top: calc(621 / 1920 * 100vw);
  left: calc(705.3 / 1920 * 100vw);
  z-index: 1;
  width: calc(286 / 1920 * 100vw);
  height: calc(61 / 1920 * 100vw);
  padding-left: calc(2.6 / 1920 * 100vw);
  border-radius: calc(30.5 / 1920 * 100vw);
  background-color: #fff;
  font-size: calc(34 / 1920 * 100vw);
  line-height: calc(61 / 1920 * 100vw);
  letter-spacing: calc(2.6 / 1920 * 100vw);
  font-weight: bold;
  text-align: center;
  color: #bf3c32;
}
@media screen and (max-width: 800px) {
  html#scoped .section6-open {
    top: calc(476 / 375 * 100vw);
    left: calc(163 / 375 * 100vw);
    width: calc(162 / 375 * 100vw);
    height: calc(33 / 375 * 100vw);
    padding-left: calc(1.6 / 375 * 100vw);
    border-radius: calc(16.5 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(33 / 375 * 100vw);
    letter-spacing: calc(1.6 / 375 * 100vw);
  }
}

html#scoped .section6-promo {
  position: absolute;
  top: calc(702.8 / 1920 * 100vw);
  left: calc(175.8 / 1920 * 100vw);
  z-index: 1;
  width: calc(1140.3 / 1920 * 100vw);
  padding-left: calc(3.8 / 1920 * 100vw);
  font-size: calc(25 / 1920 * 100vw);
  line-height: calc(30 / 1920 * 100vw);
  letter-spacing: calc(3.8 / 1920 * 100vw);
  font-weight: bold;
  text-align: center;
  color: #fcf2e9;
}
@media screen and (max-width: 800px) {
  html#scoped .section6-promo {
    top: calc(524 / 375 * 100vw);
    left: calc(59.5 / 375 * 100vw);
    width: calc(256 / 375 * 100vw);
    padding-left: calc(1.4 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
    letter-spacing: calc(1.4 / 375 * 100vw);
  }
}

html#scoped .section7 {
  position: relative;
  z-index: 7;
  margin-top: calc(-30.9 / 1920 * 100vw);
  height: calc(687.9 / 1920 * 100vw);
  background-image: linear-gradient(to bottom, #fcfae0 0%, #fcfae0 18.4%, #deac4a 100%);
  background-repeat: no-repeat;
  background-position: left calc(-1162.2 / 1920 * 100vw);
  background-size: 100% calc(2256.9 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section7 {
    margin-top: calc(-24.8 / 375 * 100vw);
    height: auto;
    padding-bottom: calc(62 / 375 * 100vw);
    background-position: left calc(-963.8 / 375 * 100vw);
    background-size: 100% calc(3154.5 / 375 * 100vw);
  }
}

html#scoped .section7-company {
  display: flex;
  align-items: center;
  gap: calc(8 / 1920 * 100vw);
  width: calc(1400 / 1920 * 100vw);
  margin: 0 auto calc(4 / 1920 * 100vw);
  font-size: calc(18 / 1920 * 100vw);
  line-height: calc(24 / 1920 * 100vw);
  font-weight: bold;
  color: #622f1d;
}
html#scoped .section7-company::before, html#scoped .section7-company::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #74442d;
}
@media screen and (max-width: 800px) {
  html#scoped .section7-company {
    display: block;
    width: calc(343 / 375 * 100vw);
    margin: 0 auto calc(5.4 / 375 * 100vw);
    padding-bottom: calc(3 / 375 * 100vw);
    border-bottom: 1px solid #74442d;
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(22 / 375 * 100vw);
    text-align: center;
  }
  html#scoped .section7-company::before, html#scoped .section7-company::after {
    display: none;
  }
}

html#scoped .section7-text {
  width: calc(1400 / 1920 * 100vw);
  margin: 0 auto;
  font-size: calc(18 / 1920 * 100vw);
  line-height: calc(24 / 1920 * 100vw);
  font-weight: 500;
  font-feature-settings: "palt" 1;
  word-break: break-all;
  text-align: justify;
  color: #622f1d;
}
@media screen and (max-width: 800px) {
  html#scoped .section7-text {
    width: calc(343 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(21 / 375 * 100vw);
  }
}
html#scoped .section7-text .is-alert {
  color: #c84d23;
}
html#scoped .section7-text .is-small {
  font-size: calc(15 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .section7-text .is-small {
    font-size: calc(15 / 375 * 100vw);
  }
}
html#scoped .section7-text .is-link {
  color: #2967b0;
}

html#scoped .js-reveal {
  transition: opacity 1300ms cubic-bezier(0.68, 0, 0.265, 1), transform 1300ms cubic-bezier(0.68, 0, 0.265, 1);
}

html#scoped .js-reveal.is-fade:not(.is-revealed) {
  opacity: 0;
}

html#scoped .js-reveal.is-from-bottom:not(.is-revealed) {
  transform: translateY(calc(60 / 1920 * 100vw));
}
@media screen and (max-width: 800px) {
  html#scoped .js-reveal.is-from-bottom:not(.is-revealed) {
    transform: translateY(calc(30 / 375 * 100vw));
  }
}

html#scoped .js-reveal.is-from-left:not(.is-revealed) {
  transform: translateX(calc(-90 / 1920 * 100vw));
}
@media screen and (max-width: 800px) {
  html#scoped .js-reveal.is-from-left:not(.is-revealed) {
    transform: translateX(calc(-45 / 375 * 100vw));
  }
}

html#scoped .js-reveal.is-switch {
  transition: opacity 700ms cubic-bezier(0.68, 0, 0.265, 1), transform 700ms cubic-bezier(0.68, 0, 0.265, 1);
}

html#scoped .js-reveal.is-switch.is-from-bottom:not(.is-revealed) {
  transform: translateY(calc(26 / 1920 * 100vw));
}
@media screen and (max-width: 800px) {
  html#scoped .js-reveal.is-switch.is-from-bottom:not(.is-revealed) {
    transform: translateY(calc(16 / 375 * 100vw));
  }
}

html#scoped #article-list,
html#scoped #article-item {
  background-color: #2fa796;
  background-image: url("../assets/article-grad-d.svg"), linear-gradient(to right, #2fa796 0, #2fa796 calc(1414.7 / 1920 * 100vw), #49b19e 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: calc(-135.3 / 1920 * 100vw) calc(-428 / 1920 * 100vw), 0 0;
  background-size: calc(2190.54 / 1920 * 100vw) calc(2288.11 / 1920 * 100vw), 100% 100%;
}
@media screen and (max-width: 800px) {
  html#scoped #article-list,
  html#scoped #article-item {
    background-image: url("../assets/article-grad-m.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% calc(833.65 / 375 * 100vw);
  }
}

@media screen and (max-width: 800px) {
  html#scoped #article-item {
    background-size: 100% calc(1847.4 / 375 * 100vw);
  }
}

html#scoped .article-frame {
  position: relative;
  z-index: 2;
  width: calc(1400 / 1920 * 100vw);
  margin: 0 auto;
  padding: calc(30 / 1920 * 100vw);
  background-image: linear-gradient(to bottom, #efab4b 0%, #ef9d19 11%, #bd7400 21%, #d1780e 77%, #9b5009 100%);
}
@media screen and (max-width: 800px) {
  html#scoped .article-frame {
    width: calc(344 / 375 * 100vw);
    padding: calc(7.4 / 375 * 100vw);
  }
}
html#scoped .article-frame::before, html#scoped .article-frame::after {
  content: "";
  position: absolute;
  top: 0;
  width: calc(30 / 1920 * 100vw);
  height: calc(30 / 1920 * 100vw);
  background-image: url("../assets/article-corner.png");
  background-size: 100% 100%;
}
@media screen and (max-width: 800px) {
  html#scoped .article-frame::before, html#scoped .article-frame::after {
    width: calc(7.4 / 375 * 100vw);
    height: calc(7.4 / 375 * 100vw);
  }
}
html#scoped .article-frame::before {
  left: 0;
}
html#scoped .article-frame::after {
  right: 0;
}

html#scoped .article-frame-inner {
  position: relative;
  background-image: linear-gradient(to bottom, #fff 0, #fff 10.53%, #fefefd 23.34%, #fdfae0 266.7%);
}
html#scoped .article-frame-inner::before, html#scoped .article-frame-inner::after {
  content: "";
  position: absolute;
  bottom: calc(-30 / 1920 * 100vw);
  width: calc(30 / 1920 * 100vw);
  height: calc(30 / 1920 * 100vw);
  background-image: url("../assets/article-corner.png");
  background-size: 100% 100%;
}
@media screen and (max-width: 800px) {
  html#scoped .article-frame-inner::before, html#scoped .article-frame-inner::after {
    bottom: calc(-7.4 / 375 * 100vw);
    width: calc(7.4 / 375 * 100vw);
    height: calc(7.4 / 375 * 100vw);
  }
}
html#scoped .article-frame-inner::before {
  left: calc(-30 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .article-frame-inner::before {
    left: calc(-7.4 / 375 * 100vw);
  }
}
html#scoped .article-frame-inner::after {
  right: calc(-30 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .article-frame-inner::after {
    right: calc(-7.4 / 375 * 100vw);
  }
}

html#scoped .article-list {
  padding-top: calc(82.6 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .article-list {
    padding-top: calc(25.2 / 375 * 100vw);
  }
}

html#scoped .article-list-heading {
  position: relative;
  z-index: 3;
  width: calc(804 / 1920 * 100vw);
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  html#scoped .article-list-heading {
    width: calc(273.3 / 375 * 100vw);
  }
}

html#scoped .article-list .article-frame {
  margin-top: calc(-12.3 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .article-list .article-frame {
    margin-top: calc(-15.5 / 375 * 100vw);
  }
}

html#scoped .article-wrap {
  padding: calc(87.7 / 1920 * 100vw) 0 calc(89.3 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .article-wrap {
    padding: calc(27.8 / 375 * 100vw) 0 calc(24.3 / 375 * 100vw);
  }
}

html#scoped .article {
  position: relative;
  width: calc(850.2 / 1920 * 100vw);
  margin-left: calc(255.9 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .article {
    width: calc(296.6 / 375 * 100vw);
    margin-left: calc(16.1 / 375 * 100vw);
  }
}

html#scoped .article-title {
  position: relative;
  padding-left: calc(41.2 / 1920 * 100vw);
  font-size: calc(28 / 1920 * 100vw);
  line-height: calc(34 / 1920 * 100vw);
  font-weight: bold;
  color: #622f1d;
}
@media screen and (max-width: 800px) {
  html#scoped .article-title {
    padding-left: calc(26.9 / 375 * 100vw);
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(29 / 375 * 100vw);
    font-feature-settings: "palt" 1;
  }
}
html#scoped .article-title::before {
  content: "";
  position: absolute;
  top: calc(7.4 / 1920 * 100vw);
  left: 0;
  width: calc(24 / 1920 * 100vw);
  height: calc(24 / 1920 * 100vw);
  background-image: url("../assets/article-list-dot.png");
  background-size: 100% 100%;
}
@media screen and (max-width: 800px) {
  html#scoped .article-title::before {
    top: calc(5.6 / 375 * 100vw);
    width: calc(18 / 375 * 100vw);
    height: calc(18 / 375 * 100vw);
  }
}

html#scoped .article-body {
  width: calc(520 / 1920 * 100vw);
  margin: calc(19.8 / 1920 * 100vw) 0 0 calc(41.2 / 1920 * 100vw);
  font-size: calc(20 / 1920 * 100vw);
  line-height: calc(32 / 1920 * 100vw);
  color: #000;
}
@media screen and (max-width: 800px) {
  html#scoped .article-body {
    width: calc(295.9 / 375 * 100vw);
    margin: calc(14.1 / 375 * 100vw) 0 0 calc(0.6 / 375 * 100vw);
    font-size: calc(18.5 / 375 * 100vw);
    line-height: calc(24.86 / 375 * 100vw);
    text-align: justify;
    font-feature-settings: "palt" 1;
  }
}

html#scoped .article-more {
  position: absolute;
  top: calc(100.8 / 1920 * 100vw);
  left: calc(654.7 / 1920 * 100vw);
  display: block;
  width: calc(195.6 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .article-more {
    position: static;
    width: calc(136.5 / 375 * 100vw);
    margin: calc(13.5 / 375 * 100vw) auto 0;
  }
}

html#scoped .article-divider {
  width: calc(878.08 / 1920 * 100vw);
  height: calc(4 / 1920 * 100vw);
  margin: calc(37 / 1920 * 100vw) 0 calc(37.4 / 1920 * 100vw) calc(231 / 1920 * 100vw);
  background-image: url("../assets/article-list-divider-d.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 800px) {
  html#scoped .article-divider {
    width: calc(299.92 / 375 * 100vw);
    height: calc(2.2 / 375 * 100vw);
    margin: calc(19.5 / 375 * 100vw) 0 calc(20.2 / 375 * 100vw) calc(14.6 / 375 * 100vw);
    background-image: url("../assets/article-list-divider-m.png");
  }
}

html#scoped .article-item {
  padding-top: calc(85.4 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .article-item {
    padding-top: calc(43.9 / 375 * 100vw);
  }
}

html#scoped .article-heading {
  position: relative;
  z-index: 3;
  font-size: calc(50 / 1920 * 100vw);
  line-height: calc(61 / 1920 * 100vw);
  font-weight: bold;
  text-align: center;
  color: #622f1d;
}
@media screen and (max-width: 800px) {
  html#scoped .article-heading {
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(29 / 375 * 100vw);
    font-feature-settings: "palt" 1;
  }
}
html#scoped .article-heading::before, html#scoped .article-heading::after {
  content: "";
  position: absolute;
  top: 0;
  width: calc(40 / 1920 * 100vw);
  height: calc(60 / 1920 * 100vw);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 800px) {
  html#scoped .article-heading::before, html#scoped .article-heading::after {
    top: calc(2.1 / 375 * 100vw);
    width: calc(13.3 / 375 * 100vw);
    height: calc(20 / 375 * 100vw);
  }
}
html#scoped .article-heading::before {
  left: calc(586.7 / 1920 * 100vw);
  background-image: url("../assets/article-heading-decor-left.png");
}
@media screen and (max-width: 800px) {
  html#scoped .article-heading::before {
    left: calc(15.8 / 375 * 100vw);
  }
}
html#scoped .article-heading::after {
  right: calc(586.7 / 1920 * 100vw);
  background-image: url("../assets/article-heading-decor-right.png");
}
@media screen and (max-width: 800px) {
  html#scoped .article-heading::after {
    right: calc(15.8 / 375 * 100vw);
  }
}

html#scoped .article-item .article-frame {
  margin-top: calc(25.9 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .article-item .article-frame {
    margin-top: calc(12.1 / 375 * 100vw);
  }
}

html#scoped .article-content {
  padding: calc(85 / 1920 * 100vw) calc(273.4 / 1920 * 100vw) calc(80.5 / 1920 * 100vw) calc(237 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .article-content {
    padding: calc(31.9 / 375 * 100vw) calc(1.2 / 375 * 100vw) calc(31.9 / 375 * 100vw) calc(1.3 / 375 * 100vw);
  }
}

html#scoped .article-section-title {
  position: relative;
  padding-left: calc(41.2 / 1920 * 100vw);
  font-size: calc(28 / 1920 * 100vw);
  line-height: calc(34 / 1920 * 100vw);
  font-weight: bold;
  color: #c84d23;
}
@media screen and (max-width: 800px) {
  html#scoped .article-section-title {
    padding-left: calc(33.5 / 375 * 100vw);
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
    font-feature-settings: "palt" 1;
  }
}
html#scoped .article-section-title::before {
  content: "";
  position: absolute;
  top: calc(2.4 / 1920 * 100vw);
  left: 0;
  width: calc(30.5 / 1920 * 100vw);
  height: calc(30 / 1920 * 100vw);
  background-image: url("../assets/article-section-heading-decor.png");
  background-size: 100% 100%;
}
@media screen and (max-width: 800px) {
  html#scoped .article-section-title::before {
    top: calc(2.5 / 375 * 100vw);
    width: calc(16.3 / 375 * 100vw);
    height: calc(16 / 375 * 100vw);
  }
}

html#scoped .article-sub-title {
  margin: calc(32 / 1920 * 100vw) 0 0 calc(41.2 / 1920 * 100vw);
  width: calc(700 / 1920 * 100vw);
  font-size: calc(20 / 1920 * 100vw);
  line-height: calc(32 / 1920 * 100vw);
  font-weight: bold;
  color: #000;
}
@media screen and (max-width: 800px) {
  html#scoped .article-sub-title {
    width: calc(295.9 / 375 * 100vw);
    margin: calc(25.05 / 375 * 100vw) 0 0 calc(15.4 / 375 * 100vw);
    font-size: calc(18.5 / 375 * 100vw);
    line-height: calc(25.05 / 375 * 100vw);
    font-feature-settings: "palt" 1;
  }
}

html#scoped .article-text {
  width: calc(700 / 1920 * 100vw);
  margin: 0 0 0 calc(41.2 / 1920 * 100vw);
  font-size: calc(20 / 1920 * 100vw);
  line-height: calc(32 / 1920 * 100vw);
  color: #000;
}
@media screen and (max-width: 800px) {
  html#scoped .article-text {
    width: calc(295.9 / 375 * 100vw);
    margin: 0 0 0 calc(15.4 / 375 * 100vw);
    font-size: calc(18.5 / 375 * 100vw);
    line-height: calc(25.05 / 375 * 100vw);
    text-align: justify;
    font-feature-settings: "palt" 1;
  }
}

html#scoped .article-section-title + .article-text {
  margin-top: calc(17.8 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .article-section-title + .article-text {
    margin-top: calc(10.2 / 375 * 100vw);
  }
}

html#scoped .article-text + .article-text {
  margin-top: calc(32 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .article-text + .article-text {
    margin-top: calc(25.05 / 375 * 100vw);
  }
}

html#scoped .article-figure {
  margin: calc(66.3 / 1920 * 100vw) 0 0;
}
@media screen and (max-width: 800px) {
  html#scoped .article-figure {
    margin: calc(25.6 / 375 * 100vw) 0 0;
  }
}

html#scoped .article-figure-title {
  width: calc(403.2 / 1920 * 100vw);
  height: calc(46 / 1920 * 100vw);
  margin-left: calc(231.4 / 1920 * 100vw);
  border-radius: calc(23 / 1920 * 100vw);
  background-color: #35a539;
  font-size: calc(22 / 1920 * 100vw);
  line-height: calc(46 / 1920 * 100vw);
  font-weight: bold;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 800px) {
  html#scoped .article-figure-title {
    width: calc(284.5 / 375 * 100vw);
    height: calc(30.5 / 375 * 100vw);
    margin-left: calc(21 / 375 * 100vw);
    border-radius: calc(15.25 / 375 * 100vw);
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(30.5 / 375 * 100vw);
    font-feature-settings: "palt" 1;
  }
}

html#scoped .article-figure-graph {
  width: calc(828 / 1920 * 100vw);
  margin: calc(3.7 / 1920 * 100vw) 0 0 calc(2 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .article-figure-graph {
    width: calc(326 / 375 * 100vw);
    margin: calc(25.5 / 375 * 100vw) 0 0 calc(0.9 / 375 * 100vw);
  }
}

@media screen and (max-width: 800px) {
  html#scoped .article-figure-legend {
    width: calc(325.7 / 375 * 100vw);
    margin: calc(12 / 375 * 100vw) 0 0;
  }
}

html#scoped .article-figure-source {
  margin-top: calc(17.7 / 1920 * 100vw);
  font-size: calc(13 / 1920 * 100vw);
  line-height: calc(16 / 1920 * 100vw);
  color: #231815;
}
@media screen and (max-width: 800px) {
  html#scoped .article-figure-source {
    margin-top: calc(13.2 / 375 * 100vw);
    font-size: calc(11.2 / 375 * 100vw);
    line-height: calc(14 / 375 * 100vw);
    text-align: justify;
  }
}

html#scoped .article-figure + .article-section-title {
  margin-top: calc(41.4 / 1920 * 100vw);
}
@media screen and (max-width: 800px) {
  html#scoped .article-figure + .article-section-title {
    margin-top: calc(44.7 / 375 * 100vw);
  }
}

@media screen and (max-width: 800px) {
  html#scoped #article-item .footer {
    margin-top: calc(-54.9 / 375 * 100vw);
  }
}