@charset "Shift_JIS";

/* フルCSSプロフェッショナルテンプレート部品設定 */

/* レイアウトコンテナ */
.hpb-parts-cnt-style{
    border-color:#cccccc;
}

/* 見出し */
.hpb-parts-hl-style{
    border-color:#007399;
}

.hpb-parts-hl-01{
	padding-bottom:8px;
	padding-left:0 !important;
	background-image:none !important;
}

.hpb-parts-hl-02{
	padding-bottom:8px;
	padding-left:0 !important;
	background-image:none !important;
	border-bottom-style:dotted !important;
	border-bottom-width:1px !important;
	border-bottom-color:#cccccc;
}

.hpb-parts-hl-03{
	padding-bottom:8px;
	padding-left:0 !important;
	background-image:none !important;
	border-bottom-style:solid !important;
	border-bottom-width:1px !important;
	border-bottom-color:#007399;
}

.hpb-parts-hl-04{
	padding-bottom:8px;
	padding-left:8px !important;
	padding-right:8px;
	padding-top:8px;
	background-image:none !important;
	border-style:dotted !important;
	border-width:1px !important;
	border-color:#cccccc;
}

.hpb-parts-hl-05{
	padding-bottom:8px;
	padding-left:8px !important;
	padding-right:8px;
	padding-top:8px;
	background-image:none !important;
	border-style:dotted !important;
	border-width:1px !important;
	border-bottom-color:#007399;
}

.hpb-layoutset-01 .hpb-parts-hl-06{
	padding-bottom:8px;
	padding-left:22px;
	background-image : url(icon_1X.png);
	background-position:left 2px;
	background-repeat:no-repeat;
	border-left-style:none !important;
}

.hpb-layoutset-01 .hpb-parts-hl-07{
	padding-bottom:8px;
	padding-left:22px;
	background-image : url(icon_1X.png);
	background-position:left 2px;
	background-repeat:no-repeat;
	border-right-style:none !important;
	border-left-style:none !important;
	border-top-style:none !important;
	border-bottom-style:dotted !important;
	border-bottom-width:1px !important;
	border-bottom-color:#cccccc;
}

.hpb-layoutset-01 .hpb-parts-hl-08{
	padding-bottom:8px;
	padding-left:22px;
	background-image : url(icon_1X.png);
	background-position:left 2px;
	background-repeat:no-repeat;
	border-right-style:none !important;
	border-left-style:none !important;
	border-top-style:none !important;
	border-bottom-style:solid !important;
	border-bottom-width:1px !important;
	border-bottom-color:#007399;
}

.hpb-layoutset-02 .hpb-parts-hl-06{
	border-left-style:none !important;
}

.hpb-layoutset-02 .hpb-parts-hl-07{
	padding-bottom:8px;
	border-right-style:none !important;
	border-left-style:none !important;
	border-top-style:none !important;
	border-bottom-style:dotted !important;
	border-bottom-width:1px !important;
	border-bottom-color:#cccccc;
}

.hpb-layoutset-02 .hpb-parts-hl-08{
	padding-bottom:8px;
	border-right-style:none !important;
	border-left-style:none !important;
	border-top-style:none !important;
	border-bottom-style:solid !important;
	border-bottom-width:1px !important;
	border-bottom-color:#007399;
}

/* 見出し */
.hpb-parts-cbox-style{
    border-color:#cccccc;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
}

.hpb-parts-cbox-04{
	border-color:#007399;
	border-style:solid;
	border-width:1px;
}

/* 水平線 */
.hpb-parts-hr-style{
    border-color:#007399;
}

/* 複数写真ボックス */
.hpb-parts-pbox-style{
    border-color:#007399;
}

.hpb-parts-pbox-style h4{
	margin:0 !important;
    padding:0 !important;
}

/* バナー */
.hpb-parts-blist-style{
    border-color:#007399;
}

a:link.hpb-parts-blist-style{
    color:#007399;
}
a:visited.hpb-parts-blist-style{
    color:#007399;
}
a:hover.hpb-parts-blist-style{
    color:#cccccc;
}
a:active.hpb-parts-blist-style{
    color:#cccccc;
}

/* ユーザー設定スタイル */
/* サービス見出しが重なってしまう問題の修正 */
#services h2 {
  position: static !important;   /* 絶対配置などを解除 */
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  float: none !important;        /* フロート解除 */
  display: block !important;     /* 普通のブロック要素に戻す */
  margin: 0 0 10px 0 !important; /* 下に余白 */
  line-height: 1.3 !important;   /* 行間を確保 */
  font-weight: 600 !important;   /* 太さはやや太め、つぶれにくい */
  text-shadow: none !important;  /* 二重っぽく見える影を消す */
}
/* サービス見出しの重なり修正 */
#services h2 {
  position: static !important;   /* 変な配置を解除 */
  float: none !important;        /* フロート解除 */
  display: block !important;     /* 1行で表示する */
  margin: 0 0 10px 0 !important; /* 下に余白をつける */
  line-height: 1.3 !important;   /* 行間を確保 */
  font-weight: 600 !important;   /* 少し太字（重なり防止） */
  text-shadow: none !important;  /* 二重文字を消す */
}
/* Googleマップをレスポンシブ対応にする */
.map iframe {
  width: 100%;         /* スマホでは横幅いっぱい */
  max-width: 800px;    /* PCでは最大800pxまで */
  height: 450px;       /* 高さは固定 */
  display: block;
  margin: auto;        /* 中央寄せ */
}
.equipment-item {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 15px;
  width: 350px;     /* 横幅を広げる */
  text-align: center;
  background: #fafafa;
}
.equipment-item {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 15px;
  width: 350px;     /* 横幅を広げる */
  text-align: center;
  background: #fafafa;
}
.equipment-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 横3列に固定 */
  gap: 20px;
}

.equipment-item {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 15px;
  text-align: center;
  background: #fafafa;
}
.equipment-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 横3列に固定 */
  gap: 20px;
}

.equipment-item {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 15px;
  text-align: center;
  background: #fafafa;
}