/*
 * Theme Name: Berthier-dev
 * Template: berthier
 * Description: Berthier テーマの開発用子テーマ
 * Version: 1.0
 */

/* ロゴを左寄せ */
.header {
  justify-content: flex-start !important;
}

/* ボタン群を右上固定（SP・PC共通） */
.cta.bottom-cta {
  bottom: auto !important;
  top: 0 !important;
}

@media (min-width: 768px) {
  .cta.bottom-cta {
    bottom: auto !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
  }
}

/* ボタン周辺のグレー余白を縮小 */
.wp-block-group .cta {
  padding-block: 0px;
}

@media (min-width: 768px) {
  .wp-block-group .cta {
    padding-block: 5px;
  }
}

/* BG画像上下のグレー余白を縮小 */
.wp-block-group.has-background {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}


/* BG2セクションのctaボタン下余白を削除 */
.wp-block-group.has-background .cta.fade-t {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* プロジェクト事例ボタンの位置調整 */
.wp-block-group.has-background .cta.fade-t {
  margin-right: 20px;
  margin-bottom: 30px;
}


/* H1改行制御 */
.pc-inline { display: inline; }
.sp-break { display: none; }

@media (max-width: 1199px) {
  .pc-inline { display: none; }
  .sp-break { display: inline; }
}

/* BG2画像をセンター表示 */
.wp-block-group.has-background .wp-block-image {
  text-align: center;
}

.wp-block-group.has-background .wp-block-image img {
  margin: 0 auto;
  display: block;
}