/* =================================================================== *
 * 固定ページ「社労士事務所について（hidamarumichiru）ページ」のスタイルです。
 *=================================================================== */

/* 業務内容・代表プロフィール・事務所概要カラムの左右の余白 */
.hidamaru_column {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

/* 代表プロフィールの写真と名前の余白 */
.profile_image {
  margin-bottom: 0.3rem;
}

/**
 * レスポンシブ対応（SP版）用CSS
 */
@media screen and (max-width: 767.33px) {
  /* 業務内容・代表プロフィール・事務所概要カラムの左右の余白をなくす */
  .hidamaru_column {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 480px) {
  /* 業務内容の契約内容の見出しのスタイル */
  .business_contract {
    font-size: 1.3rem !important;
    margin-bottom: -0.75rem !important;
  }

  /* 代表プロフィールの写真と名前の余白 */
  .profile_image {
    margin-bottom: 0.5rem !important;
  }

  /* 代表プロフィールの名前のスタイル */
  .profile_name {
    font-size: 1.2rem !important;
    margin-bottom: 0.5rem !important;
  }

  /* 事務所概要の「名称」のセルだけ文字を左上に配置 */
  .hidamaru_column table tr:first-child td:first-child {
    vertical-align: top;
    text-align: left;
  }
}