@charset "Shift_JIS";

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

.hpb-parts-cnt-style {
    border-color: #cccccc;
}

.hpb-parts-hl-style {
    padding-left: 0.2em !important;
    border-color: #cccccc;
		background-image: none !important;
}

.hpb-parts-cbox-style {
    border-color: #cccccc;
}

.hpb-parts-hr-style {
    border-color: #cccccc;
}

.hpb-parts-pbox-style {
    border-color: #cccccc;
}
.hpb-parts-pbox-style h4 {
    padding: 0px !important;
}

.hpb-parts-blist-style {
    color: #ffffff;
    border-color: #231815;
}
a.hpb-parts-blist-style:link {
    background-color: #454342;
}
a.hpb-parts-blist-style:visited {
    background-color: #454342;
}
a.hpb-parts-blist-style:hover {
    color: #ffffff;
    background-color: #595655;
}
a.hpb-parts-blist-style:active {
    color: #ffffff;
    background-color: #595655;
}

/* =========================
   利用規約ページ（kiyaku.html）
   右カラム完全無効＋本文中央化
   ========================= */

/* 右ナビ・右asideを強制的に消す */
body.page-kiyaku #hpb-nav,
body.page-kiyaku #hpb-aside{
  display: none !important;
  float: none !important;
  width: 0 !important;
}

/* inner / wrapper の2カラム指定を解除 */
body.page-kiyaku #hpb-inner,
body.page-kiyaku #hpb-wrapper{
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

/* main（本文側）をフル幅に */
body.page-kiyaku #hpb-main{
  width: 100% !important;
  float: none !important;
}

/* 利用規約ページ：左右余白を完全対称に */
body.page-kiyaku #contact{
  max-width: 980px;
  margin: 0 auto !important;
  padding: 25px 70px;   /* ← 左右をしっかり同じに */
  box-sizing: border-box;
}

body.page-kiyaku #contact p.large{
  line-height: 1.9;
}






/* スマホ調整 */
@media screen and (max-width: 767px){
  body.page-kiyaku #contact{
    max-width: 100%;
    padding: 0 12px;
  }
  body.page-kiyaku #contact p.large{
    font-size: 14px;
    line-height: 1.8;
  }
}


/* トップ画像をレスポンシブに（indexの#hpb-title用） */
#hpb-title.hpb-top-image{
  height: auto !important;      /* 固定高さを無効化 */
  line-height: 0;               /* 画像下の謎の余白対策 */
}

#hpb-title.hpb-top-image img{
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;                 /* 縦横比を維持して縮む */
}






/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/