header {
  margin-bottom: 150px;
  border-bottom: solid 1px #073190; }
  header .ttl {
    width: 960px;
    height: 75px;
    margin: 67px auto 0;
    line-height: 75px; }
    header .ttl img {
      vertical-align: middle; }

main {
  width: 960px;
  min-height: 280px;
  margin: 0 auto;
  text-align: center; }
  main ul {
    display: inline-block;
    font-size: 15px;
    color: #073190; }
    main ul li {
      margin: 22px 0;
      padding-left: 15px;
      text-align: left; }
      main ul li a {
        color: #073190; }
      main ul li.arrow {
        background: url(/images/sitemap/icon_arrow.png) left center no-repeat; }


        @media screen and (max-width: 767px){
          header {
            margin-bottom: 60px;
          }
            header .ttl {
              display: flex;
              align-items: center;
              height: 100px;
              margin: 122px auto 0;
            }
              header .ttl img {
                width: 27%;
                padding-left: 25px;
                vertical-align: initial;
              }
        
          main ul {
            font-size: 2.3rem;
          }
            main ul li {
              margin: 30px 0;
            }
              main ul li.arrow {
                background: none;
              }
              main ul li::before{
                content: '';
                position: relative;
                display: inline-block;
                width: 12px;
                height: 12px;
                border-top: solid 2px #073190;
                border-right: solid 2px #073190;
                top: 50%;
                transform: rotate(45deg) translate(-18px,8px);
              }
              
        }
        
        footer {
          margin-top: 100px;
        }
        @media screen and (max-width: 767px){
          footer {
            margin-top: 100px;
          }
        }