#wrapper .kv_area {
  background: url(/sitemap/img/sitemap_kv.jpg) top right no-repeat;
  width: 100%;
  height: 180px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover; }
  @media screen and (max-width: 960px) {
    #wrapper .kv_area {
      margin-top: 63px;
      height: 150px; } }
  #wrapper .kv_area > .inner {
    width: 100%;
    max-width: 1000px;
    margin: 0px auto 0px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: -webkit- center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: -webkit- flex-start;
    justify-content: flex-start;
    height: 100%; }
    @media screen and (max-width: 960px) {
      #wrapper .kv_area > .inner {
        padding: 0 3.5%; } }
  #wrapper .kv_area h1 {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: left;
    color: #3a3a3a; }
    @media screen and (max-width: 960px) {
      #wrapper .kv_area h1 {
        font-size: 16px;
        font-size: 1.6rem; } }
    #wrapper .kv_area h1 span {
      font-size: 16px;
      font-size: 1.6rem;
      display: inline-block;
      margin-top: 6px; }
      @media screen and (max-width: 960px) {
        #wrapper .kv_area h1 span {
          font-size: 14px;
          font-size: 1.4rem; } }
#wrapper .main_contents {
  width: 100%;
  text-align: left;
  margin: 100px 0 150px; }
  @media screen and (max-width: 960px) {
    #wrapper .main_contents {
      margin: 50px 0 70px; } }
  #wrapper .main_contents > .inner {
    width: 100%;
    max-width: 1000px;
    margin: 0px auto 0px;
    text-align: left; }
    @media screen and (max-width: 960px) {
      #wrapper .main_contents > .inner {
        padding: 0 3.5%; } }
    #wrapper .main_contents > .inner p.top {
      text-align: left;
      margin-bottom: 30px; }
      #wrapper .main_contents > .inner p.top a {
        font-size: 20px;
        font-size: 2rem;
        color: #3a3a3a; }
        @media screen and (max-width: 960px) {
          #wrapper .main_contents > .inner p.top a {
            font-size: 16px;
            font-size: 1.6rem; } }
        #wrapper .main_contents > .inner p.top a:hover {
          text-decoration: underline; }
    #wrapper .main_contents > .inner ul.lower {
      text-align: left;
      font-size: 0; }
      #wrapper .main_contents > .inner ul.lower li {
        margin-right: 20px;
        display: inline-block;
        margin-bottom: 15px; }
        #wrapper .main_contents > .inner ul.lower li:last-child {
          margin-right: 0; }
        @media screen and (max-width: 960px) {
          #wrapper .main_contents > .inner ul.lower li {
            margin-right: 10px; }
            #wrapper .main_contents > .inner ul.lower li:last-child {
              margin-right: 0; } }
        #wrapper .main_contents > .inner ul.lower li a {
          font-size: 18px;
          font-size: 1.8rem;
          color: #3a3a3a; }
          @media screen and (max-width: 960px) {
            #wrapper .main_contents > .inner ul.lower li a {
              font-size: 14px;
              font-size: 1.4rem; } }
          #wrapper .main_contents > .inner ul.lower li a:hover {
            text-decoration: underline; }

/*# sourceMappingURL=layout.css.map */
