@charset "utf-8";

/* ------------------------------------------------------
 * Override
------------------------------------------------------ */
.sitemap-main {
  margin-bottom: 72px;
}
.sitemap-main p {
  margin: 0;
  padding: 0;
}
.sitemap-main > ul a {
  text-decoration: none;
}
.sitemap-main > ul a:where(:link:hover) {
  text-decoration: underline;
}
.sitemap-main .-pc {
  display: none;
}

/*  */
.sitemap-main > ul,
.sitemap-main > ul > li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sitemap-main > ul > li > ._subnav > ul {
  list-style-type: none;
}
.sitemap-main > ul > li > ._subnav > ul li {
  padding-left: 0;
}
.sitemap-main > ul > li > ._subnav > ul > li > ul {
  list-style-type: circle;
  margin-left: -10px;
}
.sitemap-main > ul > li > ._subnav > ul > li > p > a,
.sitemap-main > ul > li > ._subnav > ul > li > a { 
  position: relative;
  text-decoration: none;
}
.sitemap-main > ul > li > ._subnav > ul > li > p > a::after,
.sitemap-main > ul > li > ._subnav > ul > li > a::after {
  position: absolute;
  /* top: 3px; */
  top: calc(3/18 * 1em);
  left: -20px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  border: 1px solid rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transition: border .3s ease;
  content: "";
}

.sitemap-main > ul > li.-kabu > ._subnav > ul > li > a::after,
.sitemap-main > ul > li.-kabu > ._subnav > ul > li > p > a::after {
  background-image: radial-gradient(circle, var(--color-service-kabu) 3px, transparent 4px, transparent);
}
.sitemap-main > ul > li.-kabu > ._subnav > ul > li > p > a:hover::after,
.sitemap-main > ul > li.-kabu > ._subnav > ul > li > a:hover::after {
  border-color: var(--color-service-kabu);
}
.sitemap-main > ul > li.-fund > ._subnav > ul > li > a::after,
.sitemap-main > ul > li.-fund > ._subnav > ul > li > p > a::after {
  background-image: radial-gradient(circle, var(--color-service-fund) 3px, transparent 4px, transparent);
}
.sitemap-main > ul > li.-fund > ._subnav > ul > li > p > a:hover::after,
.sitemap-main > ul > li.-fund > ._subnav > ul > li > a:hover::after {
  border-color: var(--color-service-fund);
}
.sitemap-main > ul > li.-fxneo > ._subnav > ul > li > a::after,
.sitemap-main > ul > li.-fxneo > ._subnav > ul > li > p > a::after {
  background-image: radial-gradient(circle, var(--color-service-fxneo) 3px, transparent 4px, transparent);
}
.sitemap-main > ul > li.-fxneo > ._subnav > ul > li > p > a:hover::after,
.sitemap-main > ul > li.-fxneo > ._subnav > ul > li > a:hover::after {
  border-color: var(--color-service-fxneo);
}
.sitemap-main > ul > li.-cfd > ._subnav > ul > li > a::after,
.sitemap-main > ul > li.-cfd > ._subnav > ul > li > p > a::after {
  background-image: radial-gradient(circle, var(--color-service-cfd) 3px, transparent 4px, transparent);
}
.sitemap-main > ul > li.-cfd > ._subnav > ul > li > p > a:hover::after,
.sitemap-main > ul > li.-cfd > ._subnav > ul > li > a:hover::after {
  border-color: var(--color-service-cfd);
}
.sitemap-main > ul > li.-fbond > ._subnav > ul > li > a::after,
.sitemap-main > ul > li.-fbond > ._subnav > ul > li > p > a::after {
  background-image: radial-gradient(circle, var(--color-service-fbond) 3px, transparent 4px, transparent);
}
.sitemap-main > ul > li.-fbond > ._subnav > ul > li > p > a:hover::after,
.sitemap-main > ul > li.-fbond > ._subnav > ul > li > a:hover::after {
  border-color: var(--color-service-fbond);
}
.sitemap-main > ul > li.-fxop > ._subnav > ul > li > a::after,
.sitemap-main > ul > li.-fxop > ._subnav > ul > li > p > a::after {
  background-image: radial-gradient(circle, var(--color-service-fxop) 3px, transparent 4px, transparent);
}
.sitemap-main > ul > li.-fxop > ._subnav > ul > li > p > a:hover::after,
.sitemap-main > ul > li.-fxop > ._subnav > ul > li > a:hover::after {
  border-color: var(--color-service-fxop);
}
.sitemap-main > ul > li.-ixop > ._subnav > ul > li > a::after,
.sitemap-main > ul > li.-ixop > ._subnav > ul > li > p > a::after {
  background-image: radial-gradient(circle, var(--color-service-ixop) 3px, transparent 4px, transparent);
}
.sitemap-main > ul > li.-ixop > ._subnav > ul > li > p > a:hover::after,
.sitemap-main > ul > li.-ixop > ._subnav > ul > li > a:hover::after {
  border-color: var(--color-service-ixop);
}
.sitemap-main > ul > li.-c365 > ._subnav > ul > li > a::after,
.sitemap-main > ul > li.-c365 > ._subnav > ul > li > p > a::after {
  background-image: radial-gradient(circle, var(--color-service-c365) 3px, transparent 4px, transparent);
}
.sitemap-main > ul > li.-c365 > ._subnav > ul > li > p > a:hover::after,
.sitemap-main > ul > li.-c365 > ._subnav > ul > li > a:hover::after {
  border-color: var(--color-service-c365);
}
.sitemap-main > ul > li.-ck365 > ._subnav > ul > li > a::after,
.sitemap-main > ul > li.-ck365 > ._subnav > ul > li > p > a::after {
  background-image: radial-gradient(circle, var(--color-service-ck365) 3px, transparent 4px, transparent);
}
.sitemap-main > ul > li.-ck365 > ._subnav > ul > li > p > a:hover::after,
.sitemap-main > ul > li.-ck365 > ._subnav > ul > li > a:hover::after {
  border-color: var(--color-service-ck365);
}
.sitemap-main > ul > li.-nisa > ._subnav > ul > li > a::after,
.sitemap-main > ul > li.-nisa > ._subnav > ul > li > p > a::after {
  background-image: radial-gradient(circle, var(--color-service-nisa) 3px, transparent 4px, transparent);
}
.sitemap-main > ul > li.-nisa > ._subnav > ul > li > p > a:hover::after,
.sitemap-main > ul > li.-nisa > ._subnav > ul > li > a:hover::after {
  border-color: var(--color-service-nisa);
}
.sitemap-main > ul > li.-entry > ._subnav > ul > li > a::after,
.sitemap-main > ul > li.-entry > ._subnav > ul > li > p > a::after {
  background-image: radial-gradient(circle, var(--color-cta) 3px, transparent 4px, transparent);
}
.sitemap-main > ul > li.-entry > ._subnav > ul > li > p > a:hover::after,
.sitemap-main > ul > li.-entry > ._subnav > ul > li > a:hover::after {
  border-color: var(--color-cta);
}
.sitemap-main > ul > li.-other > ._subnav > ul > li > a::after,
.sitemap-main > ul > li.-other > ._subnav > ul > li > p > a::after {
  background-image: radial-gradient(circle, var(--color-click-red) 3px, transparent 4px, transparent);
}
.sitemap-main > ul > li.-other > ._subnav > ul > li > p > a:hover::after,
.sitemap-main > ul > li.-other > ._subnav > ul > li > a:hover::after {
  border-color: var(--color-click-red);
}
.sitemap-main > ul > li.-ohter2 > ._subnav > ul > li > a::after,
.sitemap-main > ul > li.-ohter2 > ._subnav > ul > li > p > a::after {
  background-image: radial-gradient(circle, var(--color-gray-quaternary) 3px, transparent 4px, transparent);
}
.sitemap-main > ul > li.-ohter2 > ._subnav > ul > li > p > a:hover::after,
.sitemap-main > ul > li.-ohter2 > ._subnav > ul > li > a:hover::after {
  border-color: var(--color-gray-quaternary);
}

.sitemap-main > ul > li.-camp > a,
.sitemap-main > ul > li.-tool > a,
.sitemap-main > ul > li > p {
  --base-lts: var(--value-lts-ml);
  border-bottom: 2px solid var(--color-gray-secondary);
  line-height: 1.5;
  letter-spacing: var(--base-lts);
  font-weight: var(--value-fw-normal, normal);
}
.sitemap-main > ul > li.-camp > a,
.sitemap-main > ul > li.-tool > a,
.sitemap-main > ul > li > p a {
  text-decoration: none;
}
.sitemap-main > ul > li.-camp > a,
.sitemap-main > ul > li.-tool > a {
  border-bottom: none;
}
.sitemap-main > ul > li.-camp,
.sitemap-main > ul > li.-tool {
  border-bottom: 2px solid var(--color-gray-secondary);
}

.sitemap-main > ul > li.-other > p > a:where(:hover) {
  color: var(--color-rich-black);
}
.sitemap-main > ul > li:not(.-other) > p > a::after,
.sitemap-main > ul > li.-camp > a::after,
.sitemap-main > ul > li.-tool > a::after {
  top: -0.075em;
  margin-left: .3em;
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  background: no-repeat center / contain;
  vertical-align: middle;
  content: "";
  background-image: url(/assets/images/icon/link/icon-link-caret.svg);
}
.sitemap-main > ul > li > ._subnav > ul > li > a,
.sitemap-main > ul > li ul > li p {
  --base-lts: var(--value-lts-md);
  line-height: 1.5;
  font-weight: var(--value-fw-medium, bold);
  letter-spacing: var(--base-lts);
}
.sitemap-main > ul > li > ._subnav > ul .-sp {
  display: none;
}
.sitemap-main > ul > li > ._subnav > ul .-sp + li {
  margin-top: 8px;
}
@media print, screen and (min-width: 768px) {
  .sitemap-main > ul > li > ._subnav {
    display: flex;
    gap: 30px;
  }
  .sitemap-main > ul > li.-other2 > ._subnav,
  .sitemap-main > ul > li.-entry > ._subnav,
  .sitemap-main > ul > li.-fbond > ._subnav,
  .sitemap-main > ul > li.-nisa > ._subnav  {
    gap: 40px;
  }
  .sitemap-main > ul > li.-kabu > ._subnav > ul,
  .sitemap-main > ul > li.-fxneo > ._subnav > ul,
  .sitemap-main > ul > li.-cfd > ._subnav > ul,
  .sitemap-main > ul > li.-other > ._subnav > ul {
    width: 25%;
  }

  .sitemap-main > ul > li.-fund > ._subnav > ul,
  .sitemap-main > ul > li.-fxop > ._subnav > ul,
  .sitemap-main > ul > li.-ixop > ._subnav > ul,
  .sitemap-main > ul > li.-c365 > ._subnav > ul,
  .sitemap-main > ul > li.-ck365 > ._subnav > ul {
    width: 33.3333333333333333%;
  }
  .sitemap-main > ul > li.-camp > a,
  .sitemap-main > ul > li.-tool > a,
  .sitemap-main > ul > li > p {
    margin: 96px 0 24px;
    font-size: 3.6rem;
    padding-bottom: 16px;
  }
  .sitemap-main > ul > li.-nisa > p,
  .sitemap-main > ul > li.-camp a,
  .sitemap-main > ul > li.-tool a {
    margin: 96px 0 24px;
  }
  .sitemap-main > ul > li.-camp > a,
  .sitemap-main > ul > li.-tool > a {
    padding-bottom: 0;
    display: inline-block;
  }
  .sitemap-main > ul > li > p > a {
    text-decoration: none;
  }
  .sitemap-main > ul > li.-kabu > p {
    margin: 0 0 24px;
  }
  .sitemap-main > ul > li > ._subnav > ul > li + li {
    margin-top: 16px;
  }
  .sitemap-main > ul > li > ._subnav > ul > li > a,
  .sitemap-main > ul > li ul > li p {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .sitemap-main > ul > li.-camp > a,
  .sitemap-main > ul > li.-tool > a,
  .sitemap-main > ul > li > p {
    margin: 72px 0 16px;
    font-size: 2.4rem;
    padding-bottom: 12px;
    letter-spacing: 0;
  }
  .sitemap-main > ul > li.-kabu > p {
    margin: 0 0 16px;
  }
  .sitemap-main > ul > li.-nisa > p,
  .sitemap-main > ul > li.-camp,
  .sitemap-main > ul > li.-tool {
    margin: 36px 0 16px;
  }
  .sitemap-main > ul > li:not(.-other) > p > a::after,
  .sitemap-main > ul > li.-camp > a::after,
  .sitemap-main > ul > li.-tool > a::after {
    width: 15px;
    height: 15px;
  }
  .sitemap-main > ul > li > ._subnav > ul > li {
    margin-top: 12px;
  }
  .sitemap-main > ul > li > ._subnav > ul > li > a,
  .sitemap-main > ul > li > ._subnav > ul > li p {
    font-size: 1.6rem;
  }

}