@charset "UTF-8";
/******************************************************

fonts

******************************************************/
/******************************************************

※cosmetic内のcssは共通

PC／SP 共有

******************************************************/
#pageImage {
  background-image: url(../img/title.jpg); }

/******************************************************

sp

******************************************************/
@media screen and (max-width: 740px) {
  #pagelink {
    padding: 20px;
    background: #fff;
    border: #004684 solid 1px;
    margin-top: 40px; }

  #pagelink li a:link {
    display: block;
    position: relative;
    padding: 10px 10px 10px 20px;
    border-bottom: 1px dotted #004684; }

  #pagelink li a:visited {
    display: block;
    border-bottom: 1px dotted #004684; }

  #pagelink li a:hover {
    display: block;
    border-bottom: 1px dotted #004684; }

  #pagelink li a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -0.2em;
    left: 0;
    width: 0.3em;
    height: 0.3em;
    border-top: #004684 2px solid;
    border-right: #004684 2px solid;
    transform: rotate(45deg); }
  .subdi {
    margin-left: 30px;
  }

}

/******************************************************
    
PC / common

******************************************************/
@media screen and (min-width: 741px) {
  #pagelink {
    padding: 30px;
    background: #fff;
    border: #004684 solid 1px;
    margin-top: 40px; }

  #pagelink li a:link {
    display: block;
    position: relative;
    padding: 15px 15px 15px 20px;
    border-bottom: 1px dotted #004684; }

  #pagelink li a:visited {
    display: block;
    border-bottom: 1px dotted #004684; }

  #pagelink li a:hover {
    display: block;
    border-bottom: 1px dotted #004684; }

  #pagelink li a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -0.2em;
    left: 0;
    width: 0.3em;
    height: 0.3em;
    border-top: #004684 2px solid;
    border-right: #004684 2px solid;
    transform: rotate(45deg); }


  #sitemaplink {
    display: flex;
    justify-content:space-between;
  }  
  ul.sitemapl {
    width: 48%;
    margin-right: 2%;
  }
  ul.sitemaplr {
    width: 48%;
    margin-left: 2%;
  }  
  .subdi {
    margin-left: 40px;
  }
}
/*# sourceMappingURL=style.css.map */
