#charatanlabo h1 {
  text-align: center;
  padding: 0; }
  @media screen and (max-width: 749px) {
    #charatanlabo h1 {
      width: 100%;
      margin: 0 auto;
      padding: 0; } }
#charatanlabo .summary {
  text-align: center;
  padding: 30px 0; }
  #charatanlabo .summary p {
    padding: 0;
    margin: 0;
    font-size: 0; }
  @media screen and (max-width: 749px) {
    #charatanlabo .summary {
      width: 100%;
      padding: 0 0 20px; } }

.sns_link {
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  gap: 15px; }
  @media screen and (max-width: 749px) {
    .sns_link {
      justify-content: center; } }
  .sns_link li {
    list-style: none;
    margin: 0; }
    .sns_link li a {
      text-decoration: none;
      display: inline-block;
      background-color: #f964b2;
      border-radius: 25px; }
      .sns_link li a:hover {
        background-color: #fba2d1; }
      .sns_link li a.unknown {
        pointer-events: none;
        background-color: #ddd; }
      .sns_link li a i {
        width: 50px;
        height: 50px;
        color: #fff;
        font-size: 30px;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        justify-content: center;
        align-items: center; }

.footermsg {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1.4;
  margin-bottom: 60px;
  color: #f964b2; }
  .footermsg span {
    font-size: 0.75em; }
  @media screen and (max-width: 749px) {
    .footermsg {
      font-size: 2rem;
      margin-bottom: 20px; } }