#massage_top { padding: 25px; background-color: #eaecf3;}
#massage_top .ttl { font-weight: bold; color: #172770; font-size: 16px;}

#sns { display: flex; justify-content: space-between; margin-bottom: 30px;}
#sns .facebook { width: 400px; box-sizing: border-box;}
#sns .twitter { border: solid 1px #ccc;}
#sns_etc { display: flex; justify-content: center; margin-bottom: 60px;}
#sns_etc p { padding: 0 20px;}
#sns_etc p:first-child { padding: 3px 0 0;}

#transfer { margin: 0 0 60px; padding: 20px; background-color: #eaecf3;}
#transfer > div { display: flex; justify-content: space-between; align-items: flex-start;}
#transfer .ttl { margin-bottom: 7px; font-weight: bold; color: #172770; font-size: 16px;}
#transfer > div div { padding-right: 10px; vertical-align: top;}
#transfer > div div p { margin: 0;}
#transfer > div p:last-child { padding-top: 10px;}

@media (max-width: 768px) {
    #massage_top { padding: 20px; line-height: 1.7;}

    #sns { display: block; margin-bottom: 30px;}
    #sns .facebook { width: 100%; margin-bottom: 30px;}
    #sns .twitter { margin-bottom: 20px;}

    #transfer > div { display: block;}
    #transfer .ttl { text-align: center;}
  .col-lg-12 span{
  display: block;
}
  .col-lg-12 h3 a{font-size: 12px;}
}