@charset "UTF-8";

.section-container .site-info-inner{
    width: 92%;
    max-width: 1200px;
    margin:68px auto 60px;
    
}

.site-info-inner .site-info {
  border-top: 1px solid #bcc482;
  margin: 0;
  padding: 60px 0 45px;
    overflow: hidden;
}

.site-info-inner .site-info .site-title {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.6em;
  font-weight: 700;
  margin: 0 0 30px;
}
.site-info-inner .site-info .site-name {
    width: 33.3%;
    padding-right: 2%;
    float: left;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3em;
  margin: 0 0 25px;
}

.site-info-inner .site-info .site-name:nth-of-type(3n) {
    padding-right: 0;
}
.site-info-inner .site-info .site-name:nth-of-type(3n+1) {
    clear: both;
}
.site-info-inner .site-info .site-name a{
    text-decoration: none;
    position: relative;
    display:inline-block;
    padding-left: 25px;
}
.site-info-inner .site-info .site-name a:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0px;
    background-image: url(../images/common/icon-sitemap-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position:left center;
    width: 11px;
    height: 14px;
    margin: auto;
}
.site-info-inner .site-info .site-name a.blank-icon {
    
    padding-right: 1.2em;
}
.site-info-inner .site-info .site-name a.blank-icon:after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/common/icon-blank.svg);
    width: 12px;
    height: 12px;
}
@media screen and (max-width: 767px) {
   .section-container .site-info-inner {
        margin: 25px auto 15px;
    }
    .site-info-inner .site-info {
  padding: 25px 0 15px;
}
    .site-info-inner .site-info .site-title {
  font-size: 1.1rem;
  margin: 0 0 15px;
}
.site-info-inner .site-info .site-name {
    width: 50%;
    padding-right: 2%;
  font-size: 1rem;
  margin: 0 0 15px;
}
    .site-info-inner .site-info .site-name:nth-of-type(3n) {
    padding-right: 2%;
}
   .site-info-inner .site-info .site-name:nth-of-type(2n) {
    padding-right: 0;
}
  .site-info-inner .site-info:nth-child(n+4) .site-name{
  float: none;
      width: 100%;
}  
   .site-info-inner .site-info .site-name a.blank-icon:after {
    width: 10px;
    height: 10px;
} 

}