/*========================================================================
   index layout
========================================================================*/
#index {
 color: #508E3A;
}

#index .anchor_nav a .img {
 background-image: url(../img/index/icon_bear@2x.png);
}

#index .footer_logo {
 fill: #508E3A;
}

.snsArea {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: flex-end;
}

.snsArea li {
 max-width: 40px;
 width: 9.5%;
 margin-left: 10px;
}

#greeting .mainimg {
 width: 85%;
 margin: 0 auto 1em;
}

#greeting .txtArea p {
 font-weight: bold;
 line-height: 2.2;
}

@media screen and (min-width: 576px) and (max-width: 991px) {
 #greeting .txtArea {
  text-align: center;
 }
}

@media screen and (min-width: 992px) {
 #greeting {
  margin-bottom: 5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 }
 #greeting .mainimg {
  width: 50%;
 }
 #greeting .txtArea {
  padding-top: 3em;
 }
}
/*# sourceMappingURL=index.css.map */