@charset "UTF-8";
/*---------------
  デバッグ用ここから
---------------*/
/*
a[href=""]:empty::before {
  content: "⚠ hrefが空です";
  color: red;
  font-size: 0.8em;
  background: rgba(255, 0, 0, 0.05);
  padding: 2px 4px;
  border-radius: 4px;
  animation: blink-text 1s infinite;
  display: inline-block;
  pointer-events: none;
}
a[href=""]:not(:empty) {
  outline: 2px dashed red;
  outline-offset: 2px;
  animation: blink-outline 0.5s infinite;
}
@keyframes blink-outline {
  0%, 100% {
    outline-color: red;
  }
  50% {
    outline-color: transparent;
  }
}
@keyframes blink-text {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}
*/
/*---------------
  デバッグ用ここまで
---------------*/
:root {
  --black: #000000;
  --nasdaq-blue: #0679a1;
  --main: #0d1e43;
  --s_and_p: #ee425f;
  --white: #ffffff;
  --light-gray: #f5f5f7;
  --text: #333333;
  --red-text: #ed0000;
  --graph-bar: #cde2ea;
  --color-base: #30394e;
  --header_height: 88px;
}
@media (max-width: 450px) {
  :root {
    --header_height: 96px;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

li {
  list-style: none;
}

img {
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

html {
  scroll-padding-top: var(--header_height);
}
@media (max-width: 450px) {
  html {
    scroll-padding-top: 0;
  }
}

body {
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #333333;
  min-width: 1200px;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 450px) {
  body {
    min-width: auto;
  }
}

@media (max-width: 450px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media (max-width: 450px) {
  .sp {
    display: block;
  }
}

.m-lead {
  border-left: 4px solid var(--nasdaq-blue);
  padding-left: 24px;
  line-height: 1;
}
@media (max-width: 450px) {
  .m-lead {
    padding-left: 16px;
  }
}
.m-lead--txt {
  color: var(--black, #000);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  vertical-align: middle;
}
.white .m-lead--txt {
  color: #fff;
}
@media (max-width: 450px) {
  .m-lead--txt {
    font-size: 20px;
  }
}
.m-lead--note {
  font-weight: normal;
  color: var(--black, #000);
  font-size: 16px;
  line-height: 1.5;
  vertical-align: middle;
}
.white .m-lead--note {
  color: #fff;
}
@media (max-width: 450px) {
  .m-lead--note {
    font-feature-settings: "palt";
    font-size: 14px;
  }
}

.m-note_list--item {
  font-size: 12px;
  line-height: 1.5;
  padding-left: 1em;
  text-indent: -1em;
}
.white .m-note_list--item {
  color: #fff;
}
.m-note_list--item.no_indent {
  padding-left: 0;
  text-indent: 0;
}
.m-note_list--item + .m-note_list--item {
  margin-top: 4px;
}
.m-note_list--item > span {
  color: var(--red-text);
}
@media (max-width: 450px) {
  .m-note_list--item {
    font-size: 10px;
  }
}

.m-sp_label {
  display: none;
}
@media (max-width: 450px) {
  .m-sp_label {
    color: #222;
    width: fit-content;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 9999px;
    background-color: #eaecf0;
    font-size: 10px;
    line-height: 1.5;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
  }
  .m-sp_label:before {
    content: "";
    background-image: url("/special/japanpost/nasdaq100/images/m-sp_label-bgimg.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 17px;
  }
  .m-sp_label.white {
    background-color: #fff;
  }
  .m-sp_label.slide:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.867%22%20height%3D%2216.702%22%20viewBox%3D%220%200%2012.867%2016.702%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_15640%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2015640%22%20transform%3D%22translate%280.25%20-8.245%29%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_158946%22%20data-name%3D%22%E3%83%91%E3%82%B9%20158946%22%20d%3D%22M28.516%2C24.947l-.274-.418a3.934%2C3.934%2C0%2C0%2C0%2C1.727-2.73c.01-.767%2C0-1.435-.012-2.024-.013-.751-.024-1.4.012-2%2C.062-1.035-.322-1.255-.706-1.333a.7.7%2C0%2C0%2C0-.67.346.25.25%2C0%2C0%2C1-.465-.123c0-.04-.033-1.006-.761-1.172a.878.878%2C0%2C0%2C0-1.026.392.25.25%2C0%2C0%2C1-.47-.086c0-.034-.115-.862-.815-.92a.817.817%2C0%2C0%2C0-.907.455.25.25%2C0%2C0%2C1-.485-.084c0-.041-.028-4.15%2C0-5.627a.786.786%2C0%2C0%2C0-.39-.736%2C1.092%2C1.092%2C0%2C0%2C0-1.054-.009.8.8%2C0%2C0%2C0-.406.749c0%2C.5%2C0%2C1.515-.009%2C2.593%2C0%2C.439%2C0%2C.886-.006%2C1.309-.007%2C1.735%2C0%2C3.258.01%2C4.169%2C0%2C.346%2C0%2C.605%2C0%2C.755%2C0%2C.431-.008.876-.012%2C1.116%2C0%2C.092%2C0%2C.152%2C0%2C.169h0a.261.261%2C0%2C0%2C1-.012.094.25.25%2C0%2C0%2C1-.281.16.243.243%2C0%2C0%2C1-.2-.256h0s0-.007%2C0-.012%2C0-.019%2C0-.029v-.041c0-.356%2C0-1.741%2C0-2.672a1.638%2C1.638%2C0%2C0%2C0-.913.544%2C4.206%2C4.206%2C0%2C0%2C0-.79%2C3.2%2C6.375%2C6.375%2C0%2C0%2C0%2C2.125%2C3.756l-.316.387A6.79%2C6.79%2C0%2C0%2C1%2C19.1%2C20.768a4.7%2C4.7%2C0%2C0%2C1%2C.916-3.582A2.1%2C2.1%2C0%2C0%2C1%2C21.3%2C16.47c0-.829-.007-1.845%2C0-2.946%2C0-.423%2C0-.87.006-1.309.005-1.077.01-2.094.009-2.589a1.3%2C1.3%2C0%2C0%2C1%2C.658-1.185%2C1.592%2C1.592%2C0%2C0%2C1%2C1.557.013%2C1.3%2C1.3%2C0%2C0%2C1%2C.635%2C1.176c-.021%2C1.112-.01%2C3.729%2C0%2C4.957a1.475%2C1.475%2C0%2C0%2C1%2C.938-.209%2C1.351%2C1.351%2C0%2C0%2C1%2C1.137.877A1.427%2C1.427%2C0%2C0%2C1%2C27.479%2C15a1.463%2C1.463%2C0%2C0%2C1%2C1.066%2C1.125%2C1.027%2C1.027%2C0%2C0%2C1%2C.818-.179c.808.165%2C1.169.771%2C1.1%2C1.853-.035.586-.024%2C1.225-.011%2C1.965.01.593.021%2C1.264.012%2C2.039A4.365%2C4.365%2C0%2C0%2C1%2C28.516%2C24.947Z%22%20transform%3D%22translate%28-17.858%29%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_158947%22%20data-name%3D%22%E3%83%91%E3%82%B9%20158947%22%20d%3D%22M24.053%2C16.182h-.5V12.631h.5Z%22%20transform%3D%22translate%28-17.761%20-0.286%29%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_158948%22%20data-name%3D%22%E3%83%91%E3%82%B9%20158948%22%20d%3D%22M3.538%2C11.212H-.142a.25.25%2C0%2C0%2C1-.25-.25.25.25%2C0%2C0%2C1%2C.25-.25h3.68a.25.25%2C0%2C1%2C1%2C0%2C.5Z%22%20transform%3D%22translate%280.142%29%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_158953%22%20data-name%3D%22%E3%83%91%E3%82%B9%20158953%22%20d%3D%22M4.5%2C11.212H-.142a.25.25%2C0%2C0%2C1-.25-.25.25.25%2C0%2C0%2C1%2C.25-.25H4.5a.25.25%2C0%2C0%2C1%2C0%2C.5Z%22%20transform%3D%22translate%286.184%29%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_158949%22%20data-name%3D%22%E3%83%91%E3%82%B9%20158949%22%20d%3D%22M-.141%2C11.212a.25.25%2C0%2C0%2C1-.2-.1.25.25%2C0%2C0%2C1%2C.045-.351L1.327%2C9.515a.25.25%2C0%2C0%2C1%2C.305.4L.011%2C11.16A.249.249%2C0%2C0%2C1-.141%2C11.212Z%22%20transform%3D%22translate%280.142%29%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_158952%22%20data-name%3D%22%E3%83%91%E3%82%B9%20158952%22%20d%3D%22M1.479%2C11.212a.249.249%2C0%2C0%2C1-.152-.052L-.294%2C9.911A.25.25%2C0%2C0%2C1-.34%2C9.56a.25.25%2C0%2C0%2C1%2C.351-.045l1.621%2C1.249a.25.25%2C0%2C0%2C1-.153.448Z%22%20transform%3D%22translate%289.2%29%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_158950%22%20data-name%3D%22%E3%83%91%E3%82%B9%20158950%22%20d%3D%22M1.479%2C11.212a.249.249%2C0%2C0%2C1-.152-.052L-.294%2C9.911A.25.25%2C0%2C0%2C1-.34%2C9.56a.25.25%2C0%2C0%2C1%2C.351-.045l1.621%2C1.249a.25.25%2C0%2C0%2C1-.153.448Z%22%20transform%3D%22translate%280.142%201.249%29%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_158951%22%20data-name%3D%22%E3%83%91%E3%82%B9%20158951%22%20d%3D%22M-.141%2C11.212a.25.25%2C0%2C0%2C1-.2-.1.25.25%2C0%2C0%2C1%2C.045-.351L1.327%2C9.515a.25.25%2C0%2C0%2C1%2C.305.4L.011%2C11.16A.249.249%2C0%2C0%2C1-.141%2C11.212Z%22%20transform%3D%22translate%289.2%201.249%29%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}

.wrap {
  background-color: #C0C7D4;
  background-image: linear-gradient(to right, #DFE3E9 0 1px, transparent 1px), linear-gradient(to bottom, #DFE3E9 0 1px, transparent 1px);
  background-size: 160px 160px;
  background-repeat: repeat;
}
@media (max-width: 450px) {
  .wrap {
    background-size: 80px 80px;
  }
}

.header {
  background-color: #fff;
  height: var(--header_height);
}
.header--inner {
  z-index: 7;
  background-color: #fff;
  height: var(--header_height);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1200px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
}
@media (max-width: 450px) {
  .header--inner {
    box-shadow: none;
    min-width: initial;
    position: static;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 9px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: min-content min-content;
    row-gap: 12px;
  }
}
.header--logo_links {
  display: contents;
}
@media (max-width: 450px) {
  .header--logo_links {
    grid-column: 1/2;
    grid-row: 1/2;
    display: flex;
    column-gap: 13px;
  }
}
.header--logo_link {
  position: absolute;
}
.header--logo_link-jpbank {
  left: 24px;
  top: 28px;
}
.header--logo_link-dam {
  left: 251px;
  top: 24px;
}
@media (max-width: 450px) {
  .header--logo_link {
    position: static;
    display: block;
    line-height: 0;
    align-self: center;
  }
  .header--logo_link-jpbank {
    width: 106px;
  }
  .header--logo_link-dam {
    width: 124px;
  }
}
.header--link {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 123px;
  height: 40px;
  border-radius: 8px;
  background-color: var(--black);
  color: var(--white);
  font-size: 16px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (hover: hover) {
  .header--link {
    transition: 0.2s;
  }
  .header--link:hover {
    opacity: 0.8;
  }
}
@media (max-width: 450px) {
  .header--link {
    position: static;
    width: 92px;
    height: 28px;
    font-size: 12px;
    grid-column: 2/3;
    grid-row: 1/2;
    justify-self: right;
  }
}

.header_nav {
  margin-left: calc(50% - 34px);
  padding-top: 24px;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(3, max-content);
  column-gap: 24px;
}
@media (max-width: 450px) {
  .header_nav {
    grid-row: 2/3;
    grid-column: 1/3;
    margin-left: 0;
    padding-top: 0;
    height: auto;
    column-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
  }
}
.header_nav--link {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 3px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  color: var(--black);
  position: relative;
}
.header_nav--link::before {
  content: "";
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  flex-shrink: 0;
}
.header_nav--link-question::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGlkPSIwMSI+PHBhdGggaWQ9IlZlY3RvciIgZD0iTTguNTExNCAxQzYuMzI4ODUgMSA0LjkxNTIxIDEuODk0MjIgMy44MDUzNSAzLjQ4ODk5QzMuNjA0MDIgMy43NzgyOSAzLjY2NjA5IDQuMTc0OTQgMy45NDY5NCA0LjM4Nzg5TDUuMTI2NDkgNS4yODIyOEM1LjQxMDEzIDUuNDk3MzQgNS44MTM3IDUuNDQ3MDUgNi4wMzU3NiA1LjE2ODg2QzYuNzIwNjkgNC4zMTA3OCA3LjIyODc2IDMuODE2NzMgOC4yOTg2NCAzLjgxNjczQzkuMTM5ODQgMy44MTY3MyAxMC4xODAzIDQuMzU4MTEgMTAuMTgwMyA1LjE3MzgzQzEwLjE4MDMgNS43OTA0OSA5LjY3MTI3IDYuMTA3MTggOC44NDA2OCA2LjU3Mjg1QzcuODcyMDggNy4xMTU4OSA2LjU5MDMxIDcuNzkxNzIgNi41OTAzMSA5LjQ4MjM2VjkuNzVDNi41OTAzMSAxMC4xMTI0IDYuODg0MTIgMTAuNDA2MiA3LjI0NjU2IDEwLjQwNjJIOS4yMjgxOUM5LjU5MDYzIDEwLjQwNjIgOS44ODQ0NCAxMC4xMTI0IDkuODg0NDQgOS43NVY5LjU5MjE0QzkuODg0NDQgOC40MjAxOSAxMy4zMDk3IDguMzcxMzggMTMuMzA5NyA1LjJDMTMuMzA5OCAyLjgxMTY5IDEwLjgzMjQgMSA4LjUxMTQgMVpNOC4yMzczOSAxMS4yMTE4QzcuMTkyOTcgMTEuMjExOCA2LjM0MzI2IDEyLjA2MTUgNi4zNDMyNiAxMy4xMDU5QzYuMzQzMjYgMTQuMTUwMyA3LjE5Mjk3IDE1IDguMjM3MzkgMTVDOS4yODE4MSAxNSAxMC4xMzE1IDE0LjE1MDMgMTAuMTMxNSAxMy4xMDU5QzEwLjEzMTUgMTIuMDYxNCA5LjI4MTgxIDExLjIxMTggOC4yMzczOSAxMS4yMTE4WiIgZmlsbD0iIzA2NzlBMSIvPjwvZz48L3N2Zz4=");
}
.header_nav--link-heart::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGlkPSIwMiI+PHBhdGggaWQ9IlZlY3RvciIgZD0iTTggMTQuMjMzM0w3LjAzMzMzIDEzLjM1MzNDMy42IDEwLjI0IDEuMzMzMzMgOC4xOCAxLjMzMzMzIDUuNjY2NjdDMS4zMzMzMyAzLjYwNjY3IDIuOTQ2NjcgMiA1IDJDNi4xNiAyIDcuMjczMzMgMi41NCA4IDMuMzg2NjdDOC43MjY2NyAyLjU0IDkuODQgMiAxMSAyQzEzLjA1MzMgMiAxNC42NjY3IDMuNjA2NjcgMTQuNjY2NyA1LjY2NjY3QzE0LjY2NjcgOC4xOCAxMi40IDEwLjI0IDguOTY2NjcgMTMuMzUzM0w4IDE0LjIzMzNaIiBmaWxsPSIjMDY3OUExIi8+PC9nPjwvc3ZnPg==");
}
.header_nav--link-graph::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGlkPSIwMyI+PHBhdGggaWQ9IlZlY3RvciIgZD0iTTE1IDJWMTRIMS4yMjM4OEMxLjAwMTI4IDE0IDAuOTMyNjgyIDEzLjg0MzIgMS4wNzI2OCAxMy42NTEyTDQuMjAxMDEgOS4zNDAyNUM0LjIzMjM3IDkuMjk1MiA0LjI3MjM1IDkuMjU3ODQgNC4zMTgyOCA5LjIzMDY5QzQuMzY0MjEgOS4yMDM1NCA0LjQxNTAyIDkuMTg3MjIgNC40NjczMiA5LjE4MjgxQzQuNTE5NjEgOS4xNzg0MSA0LjU3MjE4IDkuMTg2MDMgNC42MjE1MSA5LjIwNTE2QzQuNjcwODMgOS4yMjQzIDQuNzE1NzcgOS4yNTQ1IDQuNzUzMzEgOS4yOTM3NUw1Ljc0NjYyIDEwLjI5NDNDNS43ODI0NCAxMC4zMzMyIDUuODI2MTggMTAuMzYyOCA1Ljg3NDQyIDEwLjM4MDZDNS45MjI2NyAxMC4zOTg1IDUuOTc0MTEgMTAuNDA0MiA2LjAyNDc0IDEwLjM5NzJDNi4wNzUzNyAxMC4zOTAyIDYuMTIzOCAxMC4zNzA4IDYuMTY2MjcgMTAuMzQwNUM2LjIwODczIDEwLjMxMDEgNi4yNDQwNyAxMC4yNjk3IDYuMjY5NTMgMTAuMjIyM0w4LjQwMjQ0IDYuNjY3MjVDOC40Mjc3IDYuNjIwMTIgOC40NjI4NiA2LjU3OTk0IDguNTA1MTUgNi41NDk5MkM4LjU0NzQzIDYuNTE5OSA4LjU5NTY2IDYuNTAwODUgOC42NDYwMiA2LjQ5NDNDOC42OTYzNyA2LjQ4Nzc1IDguNzQ3NDYgNi40OTM4NyA4Ljc5NTIyIDYuNTEyMTdDOC44NDI5OCA2LjUzMDQ4IDguODg2MSA2LjU2MDQ2IDguOTIxMTUgNi41OTk3NUwxMC40NDA5IDguMTcxNzVDMTAuNjAzMyA4LjM0MDUgMTAuODMyMiA4LjMwNjc1IDEwLjk0NzcgOC4wOTY3NUwxNC41NDA4IDIuMjU4QzE0LjY1NyAyLjA0NjUgMTQuODI1IDIgMTUgMloiIGZpbGw9IiMwNjc5QTEiLz48L2c+PC9zdmc+");
}
.header_nav--link:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  content: "";
  background-color: var(--nasdaq-blue);
  transition: all 0.1s;
}
.header_nav--link:hover:after {
  height: 5px;
}
@media (max-width: 450px) {
  .header_nav--link {
    row-gap: 2px;
    font-size: 11px;
  }
}

.visual {
  z-index: 1;
  position: relative;
  overflow-x: clip;
  overflow-y: clip;
  padding-bottom: 56px;
}
@media (max-width: 450px) {
  .visual {
    padding-top: 32px;
    padding-bottom: 40px;
  }
}
.visual--ttl {
  z-index: 4;
  position: absolute;
  left: 56px;
  top: 56px;
  line-height: 0;
  animation: visual-fade-up 0.5s ease-out both;
}
@media (max-width: 450px) {
  .visual--ttl {
    position: static;
    text-align: center;
  }
}
.visual--ttl_img_picture {
  line-height: 0;
  display: block;
  width: max(674px, 52.65625vw);
}
@media (max-width: 450px) {
  .visual--ttl_img_picture {
    width: calc(100% - 48px);
    margin: 0 auto;
  }
}
.visual--ttl_img {
  width: 100%;
}
.visual--bgimg_picture {
  line-height: 0;
  display: block;
  float: right;
  width: max(745px, 58.203125vw);
  z-index: 2;
  margin-top: 56px;
  transform-origin: center center;
  animation: visual-fade-in 1.2s ease-out 0.2s both, visual-float 8s ease-in-out 1.4s infinite;
}
@media (max-width: 450px) {
  .visual--bgimg_picture {
    float: none;
    width: 100%;
    position: static;
    margin-top: -14px;
  }
}
.visual--bgimg {
  width: 100%;
}

.visual_content {
  clear: both;
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  top: -48px;
  margin-bottom: -48px;
  display: flex;
  column-gap: 32px;
  z-index: 3;
  animation: visual-fade-up 1s cubic-bezier(0.16, 1, 0.3, 1) 0.32s both;
}
@media (max-width: 450px) {
  .visual_content {
    position: static;
    flex-direction: column;
    row-gap: 26px;
    margin-top: 67px;
    margin-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.visual_content--ttl {
  flex-shrink: 0;
}
.visual_content--ttl_txt {
  color: var(--black, #000);
  font-family: "Noto Serif JP", serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 1.3;
}
@media (max-width: 450px) {
  .visual_content--ttl_txt {
    font-size: 52px;
  }
}
.visual_content--ttl_img {
  display: block;
  margin-top: 24px;
  filter: drop-shadow(0 12px 24px rgba(6, 121, 161, 0.16));
}
@media (max-width: 450px) {
  .visual_content--ttl_img {
    margin-top: 16px;
  }
}
.visual_content--desc {
  color: var(--black, #000);
  font-size: 18px;
  line-height: 2;
  align-self: flex-end;
  max-width: 34em;
}
@media (max-width: 450px) {
  .visual_content--desc {
    font-size: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .visual--ttl,
  .visual--bgimg_picture,
  .visual_content,
  .simulation::before,
  .simulation::after,
  .simulation--ttl {
    animation: none;
  }
}
@keyframes visual-fade-up {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes visual-fade-in {
  from {
    opacity: 0;
    transform: scale(1.04);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes visual-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -12px, 0);
  }
}
.comparison {
  position: relative;
  z-index: 1;
  padding-top: 168px;
}
@media (max-width: 450px) {
  .comparison {
    padding-top: 128px;
  }
}
.comparison--layout {
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 450px) {
  .comparison--layout {
    padding-left: 24px;
    padding-right: 24px;
    flex-direction: column;
    align-items: stretch;
    row-gap: 24px;
  }
}
.comparison--ttl {
  color: var(--black, #000);
  font-feature-settings: "halt" on;
  font-family: "Noto Serif JP", serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 450px) {
  .comparison--ttl {
    font-size: 24px;
    line-height: 1.4;
    text-align: center;
  }
}
.comparison--desc {
  max-width: 496px;
  color: var(--black, #000);
  font-size: 18px;
  line-height: 2;
}
@media (max-width: 450px) {
  .comparison--desc {
    font-size: 15px;
  }
}

.comparison_about {
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 32px;
}
@media (max-width: 450px) {
  .comparison_about {
    margin-top: 56px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.comparison_about--lead {
  width: fit-content;
}
.comparison_about--logo_layout {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 428px 168px 428px;
  align-items: flex-end;
}
@media (max-width: 450px) {
  .comparison_about--logo_layout {
    margin-top: 24px;
    grid-template-columns: 180px 116px 264px;
  }
}
.comparison_about--logo_img {
  display: block;
}
.comparison_about--logo_img:first-child {
  justify-self: start;
}
.comparison_about--logo_img:last-child {
  justify-self: end;
  grid-column: 3/4;
}
@media (max-width: 450px) {
  .comparison_about--logo_img:first-child {
    width: 184px;
  }
  .comparison_about--logo_img:last-child {
    width: 124px;
  }
}
@media (max-width: 450px) {
  .comparison_about--scroll {
    overflow-x: auto;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 450px) {
  .comparison_about--canvas {
    width: 560px;
  }
}
.comparison_about--table_wrap {
  margin-top: 28px;
}
@media (max-width: 450px) {
  .comparison_about--table_wrap {
    margin-top: 15px;
  }
}
.comparison_about--row {
  display: grid;
  grid-template-columns: 428px 168px 428px;
}
@media (max-width: 450px) {
  .comparison_about--row {
    grid-template-columns: 180px 116px 264px;
  }
}
.comparison_about--cell {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
}
@media (max-width: 450px) {
  .comparison_about--cell {
    min-height: 48px;
  }
}
.comparison_about--cell-value {
  color: var(--black, #000);
  font-size: 20px;
  line-height: 1.5;
  background-color: #fff;
}
@media (max-width: 450px) {
  .comparison_about--cell-value {
    font-size: 16px;
  }
}
.comparison_about--cell-value.is-alt {
  background-color: var(--light-gray);
}
.comparison_about--cell-label {
  color: var(--white, #fff);
  background-color: var(--color-base);
  font-size: 16px;
  line-height: 1;
}
@media (max-width: 450px) {
  .comparison_about--cell-label {
    font-size: 14px;
  }
}
.comparison_about--cell-left {
  border-left: 8px solid var(--nasdaq-blue);
}
@media (max-width: 450px) {
  .comparison_about--cell-left {
    border-left-width: 4px;
  }
}
.comparison_about--cell-right {
  border-right: 8px solid var(--s_and_p);
}
@media (max-width: 450px) {
  .comparison_about--cell-right {
    border-right-width: 4px;
  }
}

.comparison_brand {
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 128px;
}
.comparison_brand sup {
  font-size: 70%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}
@media (max-width: 450px) {
  .comparison_brand {
    margin-top: 96px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.comparison_brand--lead {
  width: fit-content;
}
@media (max-width: 450px) {
  .comparison_brand--scroll {
    overflow-x: auto;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 450px) {
  .comparison_brand--canvas {
    width: 692px;
  }
}
.comparison_brand--logo_layout {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 479px 66px 479px;
  align-items: end;
}
@media (max-width: 450px) {
  .comparison_brand--logo_layout {
    margin-top: 24px;
    grid-template-columns: 320px 52px 320px;
  }
}
.comparison_brand--logo_img {
  display: block;
}
.comparison_brand--logo_img:first-child {
  justify-self: start;
}
.comparison_brand--logo_img:last-child {
  grid-column: 3/4;
  justify-self: end;
}
@media (max-width: 450px) {
  .comparison_brand--logo_img:first-child {
    width: 184px;
  }
  .comparison_brand--logo_img:last-child {
    width: 124px;
  }
}
.comparison_brand--table {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 479px 66px 479px;
}
@media (max-width: 450px) {
  .comparison_brand--table {
    margin-top: 15px;
    grid-template-columns: 320px 52px 320px;
  }
}
.comparison_brand--row {
  min-height: 48px;
  display: grid;
  grid-template-columns: 1fr 116px;
  background-color: #fff;
}
@media (max-width: 450px) {
  .comparison_brand--row {
    min-height: 45px;
    grid-template-columns: 1fr 75px;
  }
}
.comparison_brand--row.is-alt {
  background-color: var(--light-gray);
}
.comparison_brand--row-head {
  background-color: var(--nasdaq-blue);
  color: var(--white);
}
.comparison_brand--row-head .comparison_brand--name,
.comparison_brand--row-head .comparison_brand--ratio {
  color: var(--white);
}
.comparison_brand--row-head .comparison_brand--name {
  justify-content: center;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  border-right-color: rgba(255, 255, 255, 0.7);
}
.comparison_brand--row-head .comparison_brand--ratio {
  padding-left: 0;
  padding-right: 0;
}
.comparison_brand--row-head.is-sp500 {
  background-color: var(--s_and_p);
}
.comparison_brand--name, .comparison_brand--ratio {
  min-height: inherit;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  color: var(--main);
}
@media (max-width: 450px) {
  .comparison_brand--name, .comparison_brand--ratio {
    font-size: 14px;
  }
}
.comparison_brand--name {
  padding-left: 24px;
  padding-right: 16px;
  border-right: 1px solid var(--nasdaq-blue);
  color: var(--black);
}
@media (max-width: 450px) {
  .comparison_brand--name {
    padding-left: 16px;
    padding-right: 12px;
  }
}
.comparison_brand--col-right .comparison_brand--row:not(.comparison_brand--row-head) .comparison_brand--name {
  border-right-color: var(--s_and_p);
}
.comparison_brand--ratio {
  justify-content: center;
  text-align: center;
  color: var(--main);
}
.comparison_brand--ratio-percentage {
  display: block;
  align-content: center;
  text-align: right;
  width: 5em;
}
@media (max-width: 450px) {
  .comparison_brand--ratio-percentage {
    width: 4.1em;
  }
}
.comparison_brand--ranks {
  display: grid;
  grid-template-rows: repeat(11, 48px);
}
@media (max-width: 450px) {
  .comparison_brand--ranks {
    grid-template-rows: repeat(11, 45px);
  }
}
.comparison_brand--rank {
  color: var(--white);
  font-size: 16px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 450px) {
  .comparison_brand--rank {
    font-size: 14px;
  }
}
.comparison_brand--rank-head {
  color: transparent;
  background-color: transparent;
}
.comparison_brand--rank:not(.comparison_brand--rank-head) {
  background-color: var(--color-base);
}
.comparison_brand--note_list {
  margin-top: 24px;
}

.comparison_ratio {
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 128px;
}
@media (max-width: 450px) {
  .comparison_ratio {
    margin-top: 96px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.comparison_ratio--layout {
  display: flex;
  align-items: flex-start;
  column-gap: 32px;
  margin-top: 40px;
}
@media (max-width: 450px) {
  .comparison_ratio--layout {
    margin-top: 32px;
    flex-direction: column;
    align-items: stretch;
    row-gap: 32px;
  }
}
.comparison_ratio--note_list {
  margin-top: 40px;
}
@media (max-width: 450px) {
  .comparison_ratio--note_list {
    margin-top: 24px;
  }
}

.contact {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 450px) {
  .contact {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.contact--inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  column-gap: 56px;
}
@media (max-width: 450px) {
  .contact--inner {
    flex-direction: column;
    row-gap: 57px;
  }
}
.contact--content {
  flex-grow: 1;
}
.contact--lead {
  font-weight: normal;
  font-size: 20px;
  line-height: 1.5;
  padding-bottom: 6px;
  border-bottom: 1px solid #009481;
}
@media (max-width: 450px) {
  .contact--lead {
    font-size: 18px;
  }
}
.contact--block_wrap {
  display: flex;
  column-gap: 62px;
  margin-top: 32px;
}
@media (max-width: 450px) {
  .contact--block_wrap {
    flex-direction: column;
    row-gap: 49px;
    margin-top: 37px;
  }
}
.contact--block {
  flex-grow: 1;
}
@media (max-width: 450px) {
  .contact--block {
    margin: 0 auto;
  }
}
.contact--img {
  display: block;
}
@media (max-width: 450px) {
  .contact--img {
    margin: 0 auto;
  }
}
.contact--desc {
  font-feature-settings: "palt";
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 450px) {
  .contact--desc {
    font-size: 12px;
    width: fit-content;
  }
  .contact--desc-sp_center {
    margin-left: auto;
    margin-right: auto;
  }
}
.contact--img + .contact--desc {
  margin-top: 24px;
}
.contact--desc_layout {
  display: flex;
}

/*--------------------------------------------------------------------------------
footer
--------------------------------------------------------------------------------*/
.footer {
  background: #222222;
  color: #ffffff;
  padding: 60px 20px 150px 20px;
}

.footer-01 > ul {
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
}

.footer-01 > ul > li + li {
  margin-top: 24px;
}

.footer-01 > ul > li > a {
  position: relative;
  color: #ffffff;
  text-decoration: none;
}

.footer-02 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 48px;
  border-top: solid 1px #707070;
}

.footer-02-01 {
  order: 1;
  margin: 24px 0 0 0;
}

.footer-02-01-inner > dl {
  font-size: 10px;
  line-height: 1.6;
}

.footer-02-01-inner > dl > dt {
  font-weight: bold;
}

.footer-02-01-inner > dl > dt > span {
  padding: 0 0 0 1em;
}

.footer-02-01-inner-copyright {
  margin-top: 16px;
  font-size: 10px;
  line-height: 1.5;
  font-weight: bold;
}

.footer-02-02 {
  order: 0;
  margin: 48px auto 0 auto;
  width: 189px;
}

.footer-02 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 48px;
  border-top: solid 1px #707070;
}

/* ロゴ&ナビ無し */
.footer.footer-v2 {
  padding: 60px 20px;
}

.footer-03-inner > dl {
  font-size: 10px;
  line-height: 1.6;
}

.footer-03-inner > dl > dt {
  font-weight: bold;
}

.footer-03-inner > dl > dt > span {
  padding: 0 0 0 10px;
}

.footer-03-inner > dl > dt > br,
.footer-03-inner > dl > dd > br {
  display: none;
}

.footer-03-inner > dl > dd {
  margin: 16px 0 0 0;
}

.footer-03-inner-copyright {
  margin-top: 16px;
  font-size: 10px;
  line-height: 1.5;
  font-weight: bold;
}

@media screen and (min-width: 450px) {
  .footer {
    padding: 64px 60px 48px 60px;
  }
  .footer-wrap {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
  }
  .footer-01 > ul {
    margin: -16px -20px 0 0;
    line-height: 32px;
  }
  .footer-01 > ul > li {
    display: inline-block;
    padding: 0 40px 0 0;
    margin: 16px 40px 0 0;
    border-right: solid 1px #ffffff;
  }
  .footer-01 > ul > li + li {
    padding: 0 40px 0 0;
    margin: 16px 40px 0 0;
  }
  .footer-01 > ul > li:last-child {
    padding: 0 0 0 0;
    margin: 16px 0 0 0;
    border-right: none;
  }
  .footer-01 > ul > li > a {
    transition: all 0.4s;
  }
  .footer-01 > ul > li > a:hover {
    color: #1265D6;
  }
  .footer-02 {
    display: flex;
    width: 100%;
    padding: 50px 0 0 0;
    margin: 0 0 0 0;
    border-top: none;
  }
  .footer-02-01 {
    order: 1;
    flex: 1;
    margin: 0 0 0 0;
    padding: 0 0 0 60px;
    text-align: right;
  }
  .footer-02-01-inner {
    display: inline-block;
    text-align: left;
  }
  .footer-02-01-inner > dl {
    font-size: 12px;
    line-height: 1.6;
  }
  .footer-02-02 {
    order: 0;
    width: 189px;
    margin: 0 0 0 0;
  }
  /* ロゴ&ナビ無し */
  .footer.footer-v2 {
    padding: 64px 60px 48px 60px;
    text-align: center;
  }
  .footer-03-inner > dl {
    font-size: 12px;
    line-height: 1.6;
  }
  .footer-03-inner > dl > dt > br,
  .footer-03-inner > dl > dd > br {
    display: block;
  }
}
.trend {
  position: relative;
  overflow: hidden;
  padding-top: 56px;
  padding-bottom: 56px;
  background: linear-gradient(to bottom, #F5F5F7 0px, rgba(245, 245, 247, 0) 40px), #ffffff;
}
@media (max-width: 450px) {
  .trend {
    padding: 40px 24px;
  }
}
.trend--content {
  position: relative;
  z-index: 1;
  max-width: 1024px;
  margin: 0 auto;
}
.trend--img {
  margin-top: 24px;
}
@media (max-width: 450px) {
  .trend--img {
    margin-top: 16px;
  }
}
.trend--note_list {
  margin-top: 24px;
}
@media (max-width: 450px) {
  .trend--sp_label {
    margin-top: 24px;
  }
}

.movie {
  padding-top: 128px;
}
@media (max-width: 450px) {
  .movie {
    padding-top: 80px;
  }
}
.movie--ttl_img {
  display: block;
  margin: 0 auto;
}
@media (max-width: 450px) {
  .movie--ttl_img {
    max-width: calc(100% - 48px);
  }
}
.movie--video {
  width: 750px;
  display: block;
  margin: 0 auto;
  margin-top: 40px;
  cursor: pointer;
  aspect-ratio: 16/9;
}
@media (max-width: 450px) {
  .movie--video {
    width: 100%;
    margin-top: 16px;
    max-width: calc(100% - 32px);
  }
}

.about {
  position: relative;
  z-index: 1;
  padding-top: 168px;
  overflow-x: clip;
}
@media (max-width: 450px) {
  .about {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 82px;
  }
}
.about--content {
  max-width: 1024px;
  margin: 0 auto;
  height: 468px;
  position: relative;
}
@media (max-width: 450px) {
  .about--content {
    height: auto;
  }
}
.about--video {
  position: absolute;
  z-index: 1;
  right: -128px;
  top: 0;
  background-color: #101344;
  display: block;
  width: 624px;
  height: 468px;
  will-change: transform;
  transform: translateZ(0);
}
@media (max-width: 450px) {
  .about--video {
    position: relative;
    display: block;
    aspect-ratio: 375/281;
    width: calc(100% + 48px);
    height: auto;
    right: auto;
    left: -24px;
  }
}
.about--block {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 450px) {
  .about--block {
    height: auto;
    margin-top: 24px;
  }
}
.about--lead {
  color: var(--nasdaq-blue, #0679A1);
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  line-height: 1.3;
}
@media (max-width: 450px) {
  .about--lead {
    font-size: 16px;
  }
}
.about--ttl {
  margin-top: 33px;
}
@media (max-width: 450px) {
  .about--ttl {
    margin-top: 16px;
    max-width: 294px;
  }
}
.about--ttl_img {
  display: block;
}
.about--ttl_txt {
  display: block;
  color: var(--black, #000);
  font-family: "Noto Serif JP", serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 1.3;
  margin-top: 11px;
}
@media (max-width: 450px) {
  .about--ttl_txt {
    font-size: 52px;
    margin-top: 5px;
  }
}
.about--layout {
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 67px;
}
@media (max-width: 450px) {
  .about--layout {
    margin-top: 80px;
  }
}
.about--info {
  color: var(--black, #000);
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 450px) {
  .about--info {
    font-size: 24px;
  }
}
.about--desc {
  max-width: 510px;
  color: var(--black, #000);
  font-size: 18px;
  line-height: 2;
  margin-top: 32px;
}
@media (max-width: 450px) {
  .about--desc {
    margin-top: 24px;
    font-size: 15px;
  }
}

.about_info {
  position: relative;
  margin-top: 96px;
}
.about_info:before {
  content: "";
  position: absolute;
  display: block;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 50%, rgba(255, 255, 255, 0) 100%);
  height: 883px;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 450px) {
  .about_info {
    margin-top: 56px;
  }
  .about_info:before {
    top: -24px;
    left: -24px;
    width: calc(100% + 48px);
  }
}
.about_info--layout {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.about_info--img_picture {
  display: block;
}
@media (max-width: 450px) {
  .about_info--img {
    display: block;
    margin: 0 auto;
    margin-top: 16px;
    width: 100%;
  }
}
.about_info--note_list {
  max-width: 485px;
  position: relative;
  top: -92px;
  margin-bottom: -92px;
}
@media (max-width: 450px) {
  .about_info--note_list {
    top: 0;
    margin-top: 40px;
    margin-bottom: 0;
  }
}

.feature {
  position: relative;
  z-index: 1;
  padding-top: 168px;
  padding-bottom: 56px;
  overflow-x: clip;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 50%, rgba(255, 255, 255, 0) 100%);
  background-size: 100% 804px; /* ← 高さを固定 */
  background-repeat: no-repeat; /* ← 繰り返さない */
  background-position: top; /* ← 上から */
}
@media (max-width: 450px) {
  .feature {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 82px;
    background-image: none;
  }
}
.feature--content {
  max-width: 1024px;
  margin: 0 auto;
  height: 468px;
  position: relative;
}
@media (max-width: 450px) {
  .feature--content {
    height: auto;
  }
}
.feature--img {
  position: absolute;
  z-index: 1;
  right: -128px;
  top: 0;
  width: 624px;
  height: 468px;
  display: block;
  object-fit: cover;
}
@media (max-width: 450px) {
  .feature--img {
    position: relative;
    height: auto;
    right: auto;
    left: -24px;
    aspect-ratio: 624/468;
    width: calc(100% + 48px);
    max-width: initial;
  }
}
.feature--block {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 450px) {
  .feature--block {
    height: auto;
    margin-top: 24px;
  }
}
.feature--lead {
  color: var(--nasdaq-blue, #0679A1);
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  line-height: 1.3;
}
@media (max-width: 450px) {
  .feature--lead {
    font-size: 16px;
  }
}
.feature--ttl {
  margin-top: 33px;
}
@media (max-width: 450px) {
  .feature--ttl {
    margin-top: 16px;
    max-width: 294px;
  }
}
.feature--ttl_img {
  display: block;
}
.feature--ttl_txt {
  display: block;
  color: var(--black, #000);
  font-family: "Noto Serif JP", serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 1.3;
  margin-top: 11px;
}
@media (max-width: 450px) {
  .feature--ttl_txt {
    font-size: 52px;
    margin-top: 5px;
  }
}
.feature--layout {
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 67px;
}
@media (max-width: 450px) {
  .feature--layout {
    margin-top: 80px;
  }
}
.feature--info {
  color: var(--black, #000);
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 450px) {
  .feature--info {
    font-size: 24px;
  }
}
.feature--desc {
  max-width: 510px;
  color: var(--black, #000);
  font-size: 18px;
  line-height: 2;
  margin-top: 32px;
}
@media (max-width: 450px) {
  .feature--desc {
    margin-top: 24px;
    font-size: 15px;
  }
}
.feature--layout2 {
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 67px;
}
@media (max-width: 450px) {
  .feature--layout2 {
    margin-top: 80px;
  }
}
.feature--info2 {
  color: var(--black, #000);
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 450px) {
  .feature--info2 {
    font-size: 24px;
    font-feature-settings: "halt";
  }
}
.feature--desc2 {
  max-width: 510px;
  color: var(--black, #000);
  font-size: 18px;
  line-height: 2;
  margin-top: 32px;
}
@media (max-width: 450px) {
  .feature--desc2 {
    margin-top: 24px;
    font-size: 15px;
  }
}

.feature_gdp {
  padding-top: 96px;
  position: relative;
}
.feature_gdp:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 780px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 50%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
  top: 96px;
}
@media (max-width: 450px) {
  .feature_gdp {
    padding-top: 56px;
  }
  .feature_gdp:before {
    height: 1117px;
    top: 56px;
    left: -24px;
    right: -24px;
  }
}
.feature_gdp--inner {
  max-width: 1024px;
  margin: 0 auto;
}
.feature_gdp--layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 102px;
  margin-top: 40px;
}
@media (max-width: 450px) {
  .feature_gdp--layout {
    grid-template-columns: 1fr;
    row-gap: 105px;
    margin-top: 32px;
  }
}
.feature_gdp--block + .feature_gdp--block {
  position: relative;
}
.feature_gdp--block + .feature_gdp--block:before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2298%22%20height%3D%2286%22%20viewBox%3D%220%200%2098%2086%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M30%2043L0%200H8L38%2043L8%2086H0L30%2043Z%22%20fill%3D%22%230679A1%22%2F%3E%3Cpath%20d%3D%22M60%2043L30%200H38L68%2043L38%2086H30L60%2043Z%22%20fill%3D%22%230679A1%22%2F%3E%3Cpath%20d%3D%22M90%2043L60%200H68L98%2043L68%2086H60L90%2043Z%22%20fill%3D%22%230679A1%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 98px;
  height: 86px;
  left: -100px;
  top: 251px;
}
@media (max-width: 450px) {
  .feature_gdp--block:before {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2249%22%20height%3D%2257%22%20viewBox%3D%220%200%2049%2057%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.499%2021L-1.93244e-07%204.4209L0%20-2.14186e-06L24.499%2016.5791L24.499%2021ZM24.501%2021L24.501%2016.5791L49%200L49%204.4209L24.501%2021Z%22%20fill%3D%22%230679A1%22%2F%3E%3Cpath%20d%3D%22M24.499%2039L-1.93244e-07%2022.4209L0%2018L24.499%2034.5791L24.499%2039ZM24.501%2039L24.501%2034.5791L49%2018L49%2022.4209L24.501%2039Z%22%20fill%3D%22%230679A1%22%2F%3E%3Cpath%20d%3D%22M24.499%2057L-1.93244e-07%2040.4209L0%2036L24.499%2052.5791L24.499%2057ZM24.501%2057L24.501%2052.5791L49%2036L49%2040.4209L24.501%2057Z%22%20fill%3D%22%230679A1%22%2F%3E%3C%2Fsvg%3E");
    width: 49px;
    height: 57px;
    left: 0;
    right: 0;
    top: auto;
    bottom: -81px;
    margin: 0 auto;
  }
  .feature_gdp--block + .feature_gdp--block:before {
    display: none;
  }
}
.feature_gdp--label {
  background: var(--nasdaq-blue, #0679A1);
  color: var(--white, #FFF);
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  padding: 8px;
}
@media (max-width: 450px) {
  .feature_gdp--label {
    font-size: 16px;
  }
}
.feature_gdp--img {
  display: block;
  margin: 0 auto;
  margin-top: 16px;
}
.feature_gdp--note_list {
  margin-top: 40px;
}

.feature_cycle {
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 128px;
}
@media (max-width: 450px) {
  .feature_cycle {
    margin-top: 96px;
  }
}
.feature_cycle--info {
  text-align: center;
  color: var(--black, #000);
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 450px) {
  .feature_cycle--info {
    font-size: 24px;
  }
}
.feature_cycle--desc {
  color: var(--black, #000);
  font-size: 18px;
  line-height: 2;
  margin-top: 32px;
}
@media (max-width: 450px) {
  .feature_cycle--desc {
    text-align: left;
    margin-top: 24px;
    font-size: 15px;
  }
}
.feature_cycle--img {
  display: block;
  margin: 0 auto;
  margin-top: 40px;
}
@media (max-width: 450px) {
  .feature_cycle--img {
    margin-top: 32px;
  }
}

.history {
  position: relative;
  z-index: 4;
  overflow-x: clip;
}
.history--background {
  background-image: image-set(url("/special/japanpost/nasdaq100/images/history--background-bgimg.png") 1x, url("/special/japanpost/nasdaq100/images/history--background-bgimg@2x.png") 2x);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56px;
  padding-bottom: 104px;
}
@media (max-width: 450px) {
  .history--background {
    padding: 40px 24px 82px;
  }
}
.history--inner {
  max-width: 1024px;
  margin: 0 auto;
}
@media (max-width: 450px) {
  .history--sp_label {
    margin-top: 24px;
  }
}
.history--graph_img {
  display: block;
  margin-top: 24px;
}
@media (max-width: 450px) {
  .history--graph_img {
    margin-top: 16px;
  }
}
.history--note_list {
  padding: 4px 16px;
  background-color: #fff;
  margin-top: 24px;
}

.history_list {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  top: -56px;
  margin-bottom: -56px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 32px;
}
@media (max-width: 450px) {
  .history_list {
    grid-template-columns: 1fr;
    row-gap: 24px;
    padding-left: 24px;
    padding-right: 24px;
    top: -40px;
    margin-bottom: -40px;
  }
}
.history_list--slide {
  background-color: #fff;
  padding-top: 24px;
  padding-bottom: 40px;
  min-width: 0;
}
@media (max-width: 450px) {
  .history_list--slide {
    padding-top: 16px;
    padding-bottom: 32px;
  }
}
.history_list--ttl {
  width: fit-content;
  padding: 3px 27px 3px 24px;
  background-color: var(--nasdaq-blue);
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%);
  color: var(--white, #FFF);
  font-family: "Noto Serif JP", serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 450px) {
  .history_list--ttl {
    font-size: 20px;
  }
}
.history_list--lead {
  margin-left: 24px;
  margin-right: 24px;
  font-feature-settings: "halt" on;
  color: var(--nasdaq-blue, #0679A1);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 24px;
}
@media (max-width: 450px) {
  .history_list--lead {
    font-size: 16px;
    margin-top: 16px;
  }
}
.history_list--desc {
  margin-left: 24px;
  margin-right: 24px;
  color: var(--black, #000);
  font-size: 16px;
  line-height: 1.7;
  margin-top: 16px;
}
@media (max-width: 450px) {
  .history_list--desc {
    font-size: 14px;
    margin-top: 12px;
  }
}

.history_info {
  height: 468px;
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 150px;
  position: relative;
}
@media (max-width: 450px) {
  .history_info {
    height: auto;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 128px;
  }
}
.history_info--img {
  position: absolute;
  z-index: 1;
  right: -128px;
  top: 0;
  width: 624px;
  height: 468px;
  display: block;
  object-fit: cover;
}
@media (max-width: 450px) {
  .history_info--img {
    position: relative;
    width: calc(100% + 48px);
    height: auto;
    right: auto;
    left: -24px;
    aspect-ratio: 624/468;
    max-width: initial;
  }
}
.history_info--block {
  max-width: 496px;
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 450px) {
  .history_info--block {
    height: auto;
    margin-top: 24px;
  }
}
.history_info--ttl {
  color: var(--black, #000);
  font-feature-settings: "halt" on;
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 450px) {
  .history_info--ttl {
    font-size: 24px;
  }
}
.history_info--desc {
  color: var(--text, #333);
  font-size: 18px;
  line-height: 2;
  margin-top: 32px;
}
@media (max-width: 450px) {
  .history_info--desc {
    font-size: 15px;
    margin-top: 24px;
  }
}

.holdings {
  padding-top: 80px;
  padding-bottom: 168px;
  position: relative;
  z-index: 2;
}
.holdings:before {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 50%, rgba(255, 255, 255, 0) 100%);
  height: calc(100% + 387px);
  width: 100%;
  left: 0;
  top: -387px;
}
@media (max-width: 450px) {
  .holdings {
    padding-left: 24px;
    padding-right: 24px;
  }
  .holdings:before {
    height: 2031px;
    top: 40px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 20%, #FFF 80%, rgba(255, 255, 255, 0) 100%);
  }
}
.holdings--inner {
  position: relative;
}
.holdings--lead {
  clip-path: polygon(0 0, 100% 0, calc(100% - 16px) 50%, 100% 100%, 0 100%, 16px 50%);
  background-color: var(--nasdaq-blue);
  padding: 16px 48px;
  color: var(--white, #FFF);
  text-align: center;
  font-feature-settings: "halt" on;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  width: fit-content;
  margin: 0 auto;
}
@media (max-width: 450px) {
  .holdings--lead {
    padding: 12px 36px;
    font-size: 18px;
  }
}
.holdings--ttl {
  color: var(--black, #000);
  text-align: center;
  font-feature-settings: "halt" on;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 24px;
}
.holdings--ttl > span {
  color: var(--nasdaq-blue);
}
@media (max-width: 450px) {
  .holdings--ttl {
    font-size: 24px;
  }
}
.holdings--layout {
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 80px;
}
@media (max-width: 450px) {
  .holdings--layout {
    grid-template-columns: 1fr;
    row-gap: 48px;
  }
}
.holdings--year {
  color: var(--nasdaq-blue, #0679A1);
  font-family: "Oswald", sans-serif;
  font-size: 80px;
  line-height: 1;
}
.holdings--year > span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 40px;
  margin-left: 8px;
  position: relative;
  top: -4px;
}
@media (max-width: 450px) {
  .holdings--year {
    font-size: 64px;
  }
  .holdings--year > span {
    font-size: 32px;
    margin-left: 3px;
  }
}
.holdings--label {
  padding-left: 56px;
  color: var(--black, #000);
  font-size: 16px;
  line-height: 1.5;
  margin-top: 24px;
}
@media (max-width: 450px) {
  .holdings--label {
    font-size: 14px;
    margin-top: 18px;
  }
}
.holdings--note_list {
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 40px;
}
@media (max-width: 450px) {
  .holdings--note_list {
    margin-top: 24px;
  }
}

.holdings_list {
  margin-top: 13px;
  border-top: 1px solid var(--nasdaq-blue);
}
@media (max-width: 450px) {
  .holdings_list {
    margin-top: 12px;
  }
}
.holdings_list--item {
  min-height: 50px;
  border-bottom: 1px solid var(--nasdaq-blue);
  display: grid;
  grid-template-columns: 32px 1fr;
  column-gap: 24px;
  align-items: center;
  padding: 8px 0;
}
.holdings_list--item.is-highlight {
  background-color: #E2F1F7;
}
.holdings_list--item.is-highlight .holdings_list--name {
  color: var(--nasdaq-blue);
}
.holdings_list--item sup {
  font-size: 70%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}
@media (max-width: 450px) {
  .holdings_list--item {
    min-height: 39px;
    padding: 6px 0;
  }
}
.holdings_list--rank {
  color: var(--black, #000);
  text-align: right;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 450px) {
  .holdings_list--rank {
    font-size: 14px;
  }
}
.holdings_list--name {
  color: var(--black, #000);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 450px) {
  .holdings_list--name {
    font-size: 14px;
  }
}

.simulation {
  --simulation-clip: 100%;
  background-image: image-set(url("/special/japanpost/nasdaq100/images/simulation-bgimg.png") 1x, url("/special/japanpost/nasdaq100/images/simulation-bgimg@2x.png") 2x);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 128px;
  padding-bottom: 80px;
  position: relative;
  z-index: 3;
  overflow: hidden;
  clip-path: inset(0 var(--simulation-clip) 0 0);
  -webkit-clip-path: inset(0 var(--simulation-clip) 0 0);
}
@media (max-width: 450px) {
  .simulation {
    padding-top: 44px;
    padding-bottom: 44px;
  }
}
.simulation::before, .simulation::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.simulation::before {
  z-index: 4;
  background: radial-gradient(circle at 18% 34%, rgba(255, 255, 255, 0.36), rgba(255, 255, 255, 0) 24%), radial-gradient(circle at 78% 18%, rgba(115, 208, 255, 0.2), rgba(115, 208, 255, 0) 28%);
  mix-blend-mode: screen;
  animation: simulation-glow-drift 12s ease-in-out infinite;
}
.simulation::after {
  z-index: 4;
  inset: -10% -20%;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0.2) 47%, rgba(255, 255, 255, 0) 60%), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: auto, 72px 72px, 72px 72px;
  background-position: 0 0, 0 0, 0 0;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.35) 68%, transparent);
  opacity: 0.45;
  animation: simulation-scanline 16s linear infinite;
}
@media (max-width: 450px) {
  .simulation::after {
    inset: -8% -40%;
    background-size: auto, 36px 36px, 36px 36px;
    opacity: 0.32;
  }
}
.simulation--lead {
  position: relative;
  z-index: 5;
  padding: 16px 40px;
  color: var(--black, #000);
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  background-color: #fff;
  width: fit-content;
  margin: 0 auto;
  clip-path: polygon(24px 0%, calc(100% - 24px) 0%, 100% 50%, calc(100% - 24px) 100%, 24px 100%, 0% 50%);
}
@media (max-width: 450px) {
  .simulation--lead {
    padding: 10px 26px;
    font-size: 16px;
    clip-path: polygon(16px 0%, calc(100% - 16px) 0%, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0% 50%);
  }
}
.simulation--ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
  position: relative;
  z-index: 5;
  text-shadow: 0 16px 40px rgba(8, 29, 66, 0.28);
  animation: simulation-title-float 6s ease-in-out infinite;
}
@media (max-width: 450px) {
  .simulation--ttl {
    flex-direction: column;
    margin-top: 24px;
  }
}
.simulation--ttl_img {
  filter: drop-shadow(0 12px 26px rgba(0, 0, 0, 0.18));
}
@media (max-width: 450px) {
  .simulation--ttl_img {
    max-width: 294px;
  }
}
.simulation--ttl_mark {
  margin-left: 17px;
  margin-right: 9px;
  color: var(--white, #FFF);
  font-family: "Noto Serif JP", serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.3;
}
@media (max-width: 450px) {
  .simulation--ttl_mark {
    margin-left: 0;
    margin-right: 0;
    font-size: 44px;
  }
}
.simulation--ttl_txt {
  color: var(--white, #FFF);
  font-family: "Noto Serif JP", serif;
  font-size: 96px;
  font-weight: 500;
  line-height: 1.3;
}
@media (max-width: 450px) {
  .simulation--ttl_txt {
    font-size: 60px;
    position: relative;
    top: -14px;
    margin-bottom: -14px;
  }
}

@keyframes simulation-glow-drift {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.82;
  }
  50% {
    transform: translate3d(2%, -3%, 0) scale(1.05);
    opacity: 1;
  }
}
@keyframes simulation-scanline {
  0% {
    transform: translate3d(-4%, 0, 0);
    background-position: -30% 0, 0 0, 0 0;
  }
  100% {
    transform: translate3d(4%, 0, 0);
    background-position: 130% 0, 72px 72px, 72px 72px;
  }
}
@keyframes simulation-title-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -6px, 0);
  }
}
.compatibility {
  padding-top: 80px;
  padding-bottom: 128px;
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  z-index: 6;
}
@media (max-width: 450px) {
  .compatibility {
    padding-top: 64px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.compatibility--ttl {
  color: var(--black, #000);
  text-align: center;
  font-feature-settings: "halt" on;
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 450px) {
  .compatibility--ttl {
    font-size: 24px;
  }
}
.compatibility--desc {
  color: var(--black, #000);
  font-size: 18px;
  line-height: 2;
  margin-top: 32px;
}
@media (max-width: 450px) {
  .compatibility--desc {
    font-size: 15px;
    margin-top: 24px;
  }
}
.compatibility--lead {
  background: var(--nasdaq-blue, #0679A1);
  padding-top: 16px;
  padding-bottom: 16px;
  color: var(--white, #FFF);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  margin-top: 56px;
}
@media (max-width: 450px) {
  .compatibility--lead {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 18px;
    margin-top: 40px;
  }
}
.compatibility--box {
  padding-top: 16px;
  padding-bottom: 24px;
  background-color: #fff;
}
@media (max-width: 450px) {
  .compatibility--box {
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.compatibility--graph_img {
  display: block;
}
@media (max-width: 450px) {
  .compatibility--graph_img {
    margin-top: 16px;
  }
}
.compatibility--note_list {
  margin-top: 24px;
}
@media (max-width: 450px) {
  .compatibility--note_list {
    margin-top: 16px;
  }
}

.fund {
  padding-bottom: 168px;
  background-color: #fff;
  position: relative;
  z-index: 5;
}
.fund:before {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
  width: 100%;
  height: 256px;
  left: 0;
  top: -256px;
}
@media (max-width: 450px) {
  .fund {
    padding-bottom: 128px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .fund:before {
    height: 240px;
    top: -240px;
  }
}
.fund--inner {
  position: relative;
}
.fund--heading {
  width: fit-content;
  margin: 0 auto;
  position: relative;
  top: -63px;
  margin-bottom: -63px;
}
@media (max-width: 450px) {
  .fund--heading {
    top: -70px;
    margin-bottom: -70px;
  }
}
.fund--ttl {
  color: var(--black, #000);
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
  font-feature-settings: "halt";
}
.fund--ttl > .blue {
  color: var(--nasdaq-blue);
}
.fund--ttl sup {
  font-size: 70%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}
@media (max-width: 450px) {
  .fund--ttl {
    font-size: 27px;
  }
}
.fund--note {
  text-align: right;
  color: var(--text, #333);
  font-size: 14px;
  line-height: 1.5;
  margin-top: 7px;
}
@media (max-width: 450px) {
  .fund--note {
    font-size: 12px;
    text-align: center;
  }
}
.fund--img_picture {
  display: block;
}
.fund--img {
  display: block;
  margin: 0 auto;
  margin-top: 40px;
}
.fund--link {
  max-width: 672px;
  margin: 0 auto;
  margin-top: 56px;
  background: var(--black, #000);
  box-shadow: 8px 8px 0 0 var(--nasdaq-blue, #0679A1);
  padding-top: 24px;
  padding-bottom: 24px;
  color: var(--white, #FFF);
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 24px;
  transition: 0.2s;
}
.fund--link:hover {
  background: var(--nasdaq-blue, #0679A1);
  box-shadow: 8px 8px 0 0 var(--black, #000);
}
.fund--link:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.33333%2021C1.69167%2021%201.14256%2020.7717%200.686%2020.3152C0.229445%2019.8586%200.000777778%2019.3091%200%2018.6667V2.33333C0%201.69167%200.228667%201.14256%200.686%200.686C1.14333%200.229444%201.69244%200.000777778%202.33333%200H9.33333C9.66389%200%209.94117%200.112%2010.1652%200.336C10.3892%200.56%2010.5008%200.836889%2010.5%201.16667C10.4992%201.49644%2010.3872%201.77372%2010.164%201.9985C9.94078%202.22328%209.66389%202.33489%209.33333%202.33333H2.33333V18.6667H18.6667V11.6667C18.6667%2011.3361%2018.7787%2011.0592%2019.0027%2010.836C19.2267%2010.6128%2019.5036%2010.5008%2019.8333%2010.5C20.1631%2010.4992%2020.4404%2010.6112%2020.6652%2010.836C20.8899%2011.0608%2021.0016%2011.3377%2021%2011.6667V18.6667C21%2019.3083%2020.7717%2019.8578%2020.3152%2020.3152C19.8586%2020.7725%2019.3091%2021.0008%2018.6667%2021H2.33333ZM18.6667%203.96667L8.63333%2014C8.41945%2014.2139%208.14722%2014.3208%207.81667%2014.3208C7.48611%2014.3208%207.21389%2014.2139%207%2014C6.78611%2013.7861%206.67917%2013.5139%206.67917%2013.1833C6.67917%2012.8528%206.78611%2012.5806%207%2012.3667L17.0333%202.33333H14C13.6694%202.33333%2013.3926%202.22133%2013.1693%201.99733C12.9461%201.77333%2012.8341%201.49644%2012.8333%201.16667C12.8326%200.836889%2012.9446%200.56%2013.1693%200.336C13.3941%200.112%2013.671%200%2014%200H19.8333C20.1639%200%2020.4412%200.112%2020.6652%200.336C20.8892%200.56%2021.0008%200.836889%2021%201.16667V7C21%207.33056%2020.888%207.60783%2020.664%207.83183C20.44%208.05583%2020.1631%208.16744%2019.8333%208.16667C19.5036%208.16589%2019.2267%208.05389%2019.0027%207.83067C18.7787%207.60744%2018.6667%207.33056%2018.6667%207V3.96667Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
}
@media (max-width: 450px) {
  .fund--link {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 20px;
    column-gap: 16px;
    margin-top: 36px;
  }
  .fund--link:after {
    width: 16px;
    height: 16px;
  }
}
.fund--buttons {
  max-width: 936px;
  margin: 0 auto;
  margin-top: 84px;
  display: flex;
  column-gap: 32px;
}
@media (max-width: 450px) {
  .fund--buttons {
    margin-top: 56px;
    flex-direction: column;
    row-gap: 16px;
  }
}
.fund--button_link {
  flex: 1;
  border-radius: 12px;
  border: 2px solid #0D1E43;
  background: var(--white, #FFF);
  padding-top: 21px;
  padding-bottom: 21px;
  color: var(--main, #0D1E43);
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.33333%2021C1.69167%2021%201.14256%2020.7717%200.686%2020.3152C0.229445%2019.8586%200.000777778%2019.3091%200%2018.6667V2.33333C0%201.69167%200.228667%201.14256%200.686%200.686C1.14333%200.229444%201.69244%200.000777778%202.33333%200H9.33333C9.66389%200%209.94117%200.112%2010.1652%200.336C10.3892%200.56%2010.5008%200.836889%2010.5%201.16667C10.4992%201.49644%2010.3872%201.77372%2010.164%201.9985C9.94078%202.22328%209.66389%202.33489%209.33333%202.33333H2.33333V18.6667H18.6667V11.6667C18.6667%2011.3361%2018.7787%2011.0592%2019.0027%2010.836C19.2267%2010.6128%2019.5036%2010.5008%2019.8333%2010.5C20.1631%2010.4992%2020.4404%2010.6112%2020.6652%2010.836C20.8899%2011.0608%2021.0016%2011.3377%2021%2011.6667V18.6667C21%2019.3083%2020.7717%2019.8578%2020.3152%2020.3152C19.8586%2020.7725%2019.3091%2021.0008%2018.6667%2021H2.33333ZM18.6667%203.96667L8.63333%2014C8.41945%2014.2139%208.14722%2014.3208%207.81667%2014.3208C7.48611%2014.3208%207.21389%2014.2139%207%2014C6.78611%2013.7861%206.67917%2013.5139%206.67917%2013.1833C6.67917%2012.8528%206.78611%2012.5806%207%2012.3667L17.0333%202.33333H14C13.6694%202.33333%2013.3926%202.22133%2013.1693%201.99733C12.9461%201.77333%2012.8341%201.49644%2012.8333%201.16667C12.8326%200.836889%2012.9446%200.56%2013.1693%200.336C13.3941%200.112%2013.671%200%2014%200H19.8333C20.1639%200%2020.4412%200.112%2020.6652%200.336C20.8892%200.56%2021.0008%200.836889%2021%201.16667V7C21%207.33056%2020.888%207.60783%2020.664%207.83183C20.44%208.05583%2020.1631%208.16744%2019.8333%208.16667C19.5036%208.16589%2019.2267%208.05389%2019.0027%207.83067C18.7787%207.60744%2018.6667%207.33056%2018.6667%207V3.96667Z%22%20fill%3D%22%230D1E43%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 28px center;
  transition: 0.2s;
}
.fund--button_link:hover {
  border-color: #090;
  background-color: #090;
  color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.33333%2021C1.69167%2021%201.14256%2020.7717%200.686%2020.3152C0.229445%2019.8586%200.000777778%2019.3091%200%2018.6667V2.33333C0%201.69167%200.228667%201.14256%200.686%200.686C1.14333%200.229444%201.69244%200.000777778%202.33333%200H9.33333C9.66389%200%209.94117%200.112%2010.1652%200.336C10.3892%200.56%2010.5008%200.836889%2010.5%201.16667C10.4992%201.49644%2010.3872%201.77372%2010.164%201.9985C9.94078%202.22328%209.66389%202.33489%209.33333%202.33333H2.33333V18.6667H18.6667V11.6667C18.6667%2011.3361%2018.7787%2011.0592%2019.0027%2010.836C19.2267%2010.6128%2019.5036%2010.5008%2019.8333%2010.5C20.1631%2010.4992%2020.4404%2010.6112%2020.6652%2010.836C20.8899%2011.0608%2021.0016%2011.3377%2021%2011.6667V18.6667C21%2019.3083%2020.7717%2019.8578%2020.3152%2020.3152C19.8586%2020.7725%2019.3091%2021.0008%2018.6667%2021H2.33333ZM18.6667%203.96667L8.63333%2014C8.41945%2014.2139%208.14722%2014.3208%207.81667%2014.3208C7.48611%2014.3208%207.21389%2014.2139%207%2014C6.78611%2013.7861%206.67917%2013.5139%206.67917%2013.1833C6.67917%2012.8528%206.78611%2012.5806%207%2012.3667L17.0333%202.33333H14C13.6694%202.33333%2013.3926%202.22133%2013.1693%201.99733C12.9461%201.77333%2012.8341%201.49644%2012.8333%201.16667C12.8326%200.836889%2012.9446%200.56%2013.1693%200.336C13.3941%200.112%2013.671%200%2014%200H19.8333C20.1639%200%2020.4412%200.112%2020.6652%200.336C20.8892%200.56%2021.0008%200.836889%2021%201.16667V7C21%207.33056%2020.888%207.60783%2020.664%207.83183C20.44%208.05583%2020.1631%208.16744%2019.8333%208.16667C19.5036%208.16589%2019.2267%208.05389%2019.0027%207.83067C18.7787%207.60744%2018.6667%207.33056%2018.6667%207V3.96667Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}
@media (max-width: 450px) {
  .fund--button_link {
    border-radius: 8px;
    border-width: 1px;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    background-position: right 21px center;
    background-size: 16px 16px;
  }
}

.disclaimer {
  background-color: var(--light-gray);
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 450px) {
  .disclaimer {
    padding: 56px 24px;
  }
}

.disclaimer .bold {
  font-weight: 700;
}

.disclaimer .red {
  color: var(--red-text);
}

.disclaimer--content {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.disclaimer--head {
  display: flex;
  align-items: center;
  color: var(--text);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.disclaimer--head::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #999999;
  margin-left: 10px;
}

.disclaimer--list {
  padding-left: 0;
}

.disclaimer--item {
  position: relative;
  padding-left: 20px;
  color: var(--text);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.disclaimer--item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 12px;
  height: 12px;
  background-color: var(--text);
}

.disclaimer--item.red {
  color: var(--red-text);
}

.disclaimer--item.red::before {
  background-color: var(--red-text);
}

.disclaimer--desc {
  color: var(--text);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}

.disclaimer--note {
  color: var(--text);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

.disclaimer--note_list {
  padding-left: 0;
}

.disclaimer--note_item {
  color: var(--text);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

.disclaimer--lead {
  color: var(--text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

.disclaimer--info {
  color: var(--text);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.disclaimer--link {
  display: inline-flex;
  align-items: center;
  column-gap: 4px;
  color: var(--text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 2px;
  word-break: break-word;
  transition: 0.2s;
}
.disclaimer--link:hover {
  opacity: 0.8;
}
@media (max-width: 450px) {
  .disclaimer--link {
    display: inline-block;
  }
}

.disclaimer--link::after {
  content: "";
  width: 10px;
  height: 10px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.66602%200.666016H1.99935C1.64573%200.666016%201.30659%200.806491%201.05654%201.05654C0.806491%201.30659%200.666016%201.64573%200.666016%201.99935V9.99935C0.666016%2010.353%200.806491%2010.6921%201.05654%2010.9422C1.30659%2011.1922%201.64573%2011.3327%201.99935%2011.3327H9.99935C10.353%2011.3327%2010.6921%2011.1922%2010.9422%2010.9422C11.1922%2010.6921%2011.3327%2010.353%2011.3327%209.99935V7.33268M5.99935%205.99935L11.3327%200.666016M11.3327%200.666016V3.99935M11.3327%200.666016H7.99935%22%20stroke%3D%22%23333333%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 450px) {
  .disclaimer--link::after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
  }
}

.disclaimer--head + .disclaimer--list {
  margin-top: 20px;
}

.disclaimer--head + .disclaimer--desc {
  margin-top: 20px;
}

.disclaimer--desc + .disclaimer--list {
  margin-top: 20px;
}

.disclaimer--list + .disclaimer--note {
  margin-top: 16px;
}

.disclaimer--desc + .disclaimer--note_list {
  margin-top: 8px;
}

.disclaimer--desc + .disclaimer--lead {
  margin-top: 22px;
}

.disclaimer--lead + .disclaimer--info {
  margin-top: 8px;
}

.disclaimer--info + .disclaimer--info {
  margin-top: 8px;
}

.disclaimer--info + .disclaimer--lead {
  margin-top: 22px;
}

.disclaimer--lead + .disclaimer--desc {
  margin-top: 8px;
}

.disclaimer--desc + .disclaimer--link {
  margin-top: 8px;
}

.disclaimer--item + .disclaimer--item {
  margin-top: 12px;
}

.disclaimer--note_item + .disclaimer--note_item {
  margin-top: 4px;
}

.disclaimer--head + .disclaimer--head {
  margin-top: 56px;
}

.disclaimer--list + .disclaimer--head {
  margin-top: 56px;
}

.disclaimer--note_list + .disclaimer--head {
  margin-top: 56px;
}

.disclaimer--desc + .disclaimer--head {
  margin-top: 56px;
}

.disclaimer--note + .disclaimer--head {
  margin-top: 56px;
}

.disclaimer--info + .disclaimer--head {
  margin-top: 56px;
}

.disclaimer--link + .disclaimer--head {
  margin-top: 56px;
}

@media (max-width: 450px) {
  .disclaimer--head {
    font-size: 16px;
  }
  .disclaimer--head::after {
    margin-left: 8px;
  }
  .disclaimer--item {
    font-size: 12px;
    padding-left: 16px;
  }
  .disclaimer--item::before {
    width: 8px;
    height: 8px;
    top: 5px;
  }
  .disclaimer--desc {
    font-size: 12px;
  }
  .disclaimer--lead {
    font-size: 12px;
  }
  .disclaimer--info {
    font-size: 12px;
  }
  .disclaimer--note_item {
    font-size: 11px;
  }
  .disclaimer--link {
    font-size: 12px;
    column-gap: 2px;
  }
  .disclaimer--link::after {
    width: 12px;
    height: 12px;
  }
  .disclaimer--head + .disclaimer--list {
    margin-top: 16px;
  }
  .disclaimer--head + .disclaimer--desc {
    margin-top: 16px;
  }
  .disclaimer--desc + .disclaimer--list {
    margin-top: 16px;
  }
  .disclaimer--item + .disclaimer--item {
    margin-top: 8px;
  }
  .disclaimer--desc + .disclaimer--note_list {
    margin-top: 6px;
  }
  .disclaimer--note_item + .disclaimer--note_item {
    margin-top: 2px;
  }
  .disclaimer--desc + .disclaimer--lead {
    margin-top: 16px;
  }
  .disclaimer--lead + .disclaimer--info {
    margin-top: 6px;
  }
  .disclaimer--info + .disclaimer--info {
    margin-top: 6px;
  }
  .disclaimer--info + .disclaimer--lead {
    margin-top: 16px;
  }
  .disclaimer--head + .disclaimer--head {
    margin-top: 40px;
  }
  .disclaimer--list + .disclaimer--head {
    margin-top: 40px;
  }
  .disclaimer--note_list + .disclaimer--head {
    margin-top: 40px;
  }
  .disclaimer--desc + .disclaimer--head {
    margin-top: 40px;
  }
  .disclaimer--note + .disclaimer--head {
    margin-top: 40px;
  }
  .disclaimer--info + .disclaimer--head {
    margin-top: 40px;
  }
}
.fixed_cta {
  position: fixed;
  top: auto;
  right: 24px;
  bottom: 24px;
  z-index: 1000;
  width: 245px;
  min-height: 150px;
}
@media (max-width: 450px) {
  .fixed_cta {
    right: 16px;
    bottom: 16px;
    width: 131px;
    min-height: 90px;
  }
}
.fixed_cta--inner {
  position: relative;
}
.fixed_cta--close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 24px;
  height: 24px;
  z-index: 2;
  border: 0;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
  padding: 0;
  box-shadow: none;
}
.fixed_cta--close:focus-visible {
  outline: 2px solid #0096df;
  outline-offset: 2px;
}
@media (max-width: 450px) {
  .fixed_cta--close {
    width: 14px;
    height: 14px;
    right: -7px;
    top: -7px;
  }
}
.fixed_cta--close_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%);
}
.fixed_cta--close_icon::before, .fixed_cta--close_icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 1.5px;
  background: #fff;
  margin-top: -0.75px;
}
.fixed_cta--close_icon::before {
  transform: rotate(45deg);
}
.fixed_cta--close_icon::after {
  transform: rotate(-45deg);
}
@media (max-width: 450px) {
  .fixed_cta--close_icon {
    width: 6px;
    height: 6px;
  }
  .fixed_cta--close_icon::before, .fixed_cta--close_icon::after {
    width: 6px;
    height: 1px;
    margin-top: -0.5px;
  }
}
.fixed_cta--panel {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.fixed_cta--logo {
  background-color: #fff;
  padding: 16px 20px 11px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 450px) {
  .fixed_cta--logo {
    height: 59px;
    padding: 8px 8px 8px;
  }
}
.fixed_cta--logo_img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 450px) {
  .fixed_cta--logo_img {
    max-width: 100%;
    height: auto;
  }
}
.fixed_cta--link {
  position: relative;
  height: 37px;
  background: #000;
  color: #fff;
  text-decoration: none;
  display: block;
  transition: 0.2s;
}
.fixed_cta--link:hover {
  opacity: 0.8;
}
@media (max-width: 450px) {
  .fixed_cta--link {
    height: 31px;
  }
}
.fixed_cta--link_txt {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  padding: 0 34px 0 14px;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
  font-feature-settings: "pwid", "palt";
  white-space: nowrap;
}
@media (max-width: 450px) {
  .fixed_cta--link_txt {
    font-size: 10px;
    line-height: 1.5;
    padding: 0 24px 0 8px;
  }
}
.fixed_cta--link_icon {
  position: absolute;
  top: 12px;
  right: 40px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.68226%2015.1403C1.21964%2015.1403%200.823747%2014.9758%200.494584%2014.6466C0.165422%2014.3174%200.000560753%2013.9213%200%2013.4581V1.68226C0%201.21964%200.164862%200.823747%200.494584%200.494584C0.824307%200.165422%201.2202%200.000560753%201.68226%200H6.72904C6.96736%200%207.16727%200.0807486%207.32877%200.242245C7.49026%200.403742%207.57073%200.603371%207.57017%200.84113C7.56961%201.07889%207.48886%201.2788%207.32792%201.44086C7.16699%201.60291%206.96736%201.68338%206.72904%201.68226H1.68226V13.4581H13.4581V8.4113C13.4581%208.17298%2013.5388%207.97335%2013.7003%207.81241C13.8618%207.65148%2014.0615%207.57073%2014.2992%207.57017C14.537%207.56961%2014.7369%207.65036%2014.8989%207.81241C15.061%207.97447%2015.1415%208.1741%2015.1403%208.4113V13.4581C15.1403%2013.9207%2014.9758%2014.3169%2014.6466%2014.6466C14.3174%2014.9763%2013.9213%2015.1409%2013.4581%2015.1403H1.68226ZM13.4581%202.85984L6.22436%2010.0936C6.07015%2010.2478%205.87389%2010.3249%205.63557%2010.3249C5.39725%2010.3249%205.20099%2010.2478%205.04678%2010.0936C4.89257%209.93935%204.81547%209.74309%204.81547%209.50477C4.81547%209.26645%204.89257%209.07018%205.04678%208.91598L12.2805%201.68226H10.0936C9.85524%201.68226%209.65561%201.60151%209.49467%201.44001C9.33374%201.27852%209.25299%201.07889%209.25243%200.84113C9.25187%200.603371%209.33262%200.403742%209.49467%200.242245C9.65673%200.0807486%209.85636%200%2010.0936%200H14.2992C14.5375%200%2014.7374%200.0807486%2014.8989%200.242245C15.0604%200.403742%2015.1409%200.603371%2015.1403%200.84113V5.04678C15.1403%205.2851%2015.0596%205.48501%2014.8981%205.64651C14.7366%205.808%2014.537%205.88847%2014.2992%205.88791C14.0615%205.88735%2013.8618%205.8066%2013.7003%205.64566C13.5388%205.48473%2013.4581%205.2851%2013.4581%205.04678V2.85984Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
@media (max-width: 450px) {
  .fixed_cta--link_icon {
    width: 9px;
    height: 9px;
    right: 25px;
  }
}

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