@charset "UTF-8";

/*
  本文文字規格。看板画像、上部・左側カテゴリー画像、
  HPBロールオーバー画像の寸法と配置には適用しない。
*/
html,
body {
  color: #334155;
  font-family: "メイリオ", Meiryo, "Yu Gothic", sans-serif;
  line-height: 1.75;
}

body p,
body li,
body dt,
body dd {
  color: #334155;
  font-family: "メイリオ", Meiryo, "Yu Gothic", sans-serif;
  font-size: 16px;
  line-height: 1.75;
}

body td,
body th,
body font {
  font-family: "メイリオ", Meiryo, "Yu Gothic", sans-serif;
}

.main-content,
.main-content-table,
.hpb-section,
.seo-support,
.seo-intro,
.seo-summary,
.seo-section,
.service-area-summary,
.seo-contact-intro {
  color: #334155;
  font-family: "メイリオ", Meiryo, "Yu Gothic", sans-serif;
  font-size: 16px;
  line-height: 1.75;
}

.main-content p,
.main-content li,
.main-content td,
.main-content font,
.main-content-table p,
.main-content-table li,
.main-content-table td,
.main-content-table font,
.hpb-section p,
.hpb-section li,
.hpb-section td,
.hpb-section font {
  font-family: "メイリオ", Meiryo, "Yu Gothic", sans-serif !important;
  line-height: 1.75;
}

body h1,
.page-title {
  color: #075985;
  font-family: "メイリオ", Meiryo, "Yu Gothic", sans-serif;
  font-size: 24px;
  line-height: 1.45;
}

body h2 {
  color: #087fbd;
  font-family: "メイリオ", Meiryo, "Yu Gothic", sans-serif;
  font-size: 22px;
  line-height: 1.5;
}

body h3 {
  color: #087f8c;
  font-family: "メイリオ", Meiryo, "Yu Gothic", sans-serif;
  font-size: 18px;
  line-height: 1.55;
}

.main-content a,
.main-content-table a,
.hpb-section a,
.seo-support a,
.seo-intro a,
.seo-summary a,
.seo-section a {
  color: #0077b6;
}

.hands-smile {
  color: #0077b6 !important;
  font-family: "メイリオ", Meiryo, "Yu Gothic", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
}

.hands-phone,
.hands-phone a {
  color: #0077b6 !important;
  font-family: "メイリオ", Meiryo, "Yu Gothic", sans-serif !important;
  font-size: 25px !important;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 640px) {
  body h1,
  .page-title { font-size: 20px; }
  body h2 { font-size: 20px; }
  body h3 { font-size: 17px; }
  .hands-smile { font-size: 17px !important; }
  .hands-phone,
  .hands-phone a { font-size: 22px !important; }
}