.ul-sitemap {
  max-width: 90rem;
  margin: 4rem auto 10rem;
  border-top: 1px solid #dcdcdc; }
  @media only screen and (max-width: 1024px) {
    .ul-sitemap {
      margin: 0 3vw 8rem; } }
  @media only screen and (max-width: 767px) {
    .ul-sitemap {
      margin: 0 5vw 3rem; } }
  .ul-sitemap > li {
    border-bottom: 1px solid #dcdcdc;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.6rem; }
    @media only screen and (max-width: 767px) {
      .ul-sitemap > li {
        flex-direction: column;
        font-size: 1.3rem; } }
    .ul-sitemap > li > a {
      flex-shrink: 0;
      width: 30rem;
      font-size: 1.8rem;
      font-weight: 700;
      padding: 2.5rem 1rem; }
      @media only screen and (max-width: 767px) {
        .ul-sitemap > li > a {
          width: 100%;
          font-size: 1.4rem;
          padding: 1.5rem .5rem; } }
      .ul-sitemap > li > a:hover {
        color: #003e70; }
    .ul-sitemap > li ul {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      padding: 2.5rem 1rem; }
      @media only screen and (max-width: 767px) {
        .ul-sitemap > li ul {
          padding: 0 .5rem .5rem; } }
      .ul-sitemap > li ul li {
        min-width: 50%; }
        @media only screen and (max-width: 767px) {
          .ul-sitemap > li ul li {
            padding-bottom: .5rem; } }
        .ul-sitemap > li ul li a {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          padding: 1rem; }
          @media only screen and (max-width: 767px) {
            .ul-sitemap > li ul li a {
              padding: .5rem 0; } }
          .ul-sitemap > li ul li a span {
            flex-shrink: 0;
            margin-right: .3rem;
            color: #026eb7;
            font-size: 1.8rem; }
          .ul-sitemap > li ul li a:hover span {
            color: #003e70;
            position: relative;
            left: .3rem; }