@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* =====================================================
  RAFEES: お問い合わせボタン（HTML直貼り用）
===================================================== */

.sodejrif74hg {
  /* 左寄せ/中央寄せ変えたい時はここ */
  display: flex;
  justify-content: flex-start;
}

/* ボタン本体 */
.sodejrif74hg__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 16px 22px;
  border-radius: 14px;

  background: #1f1e1e;
  color: #ffffff;

  text-decoration: none;

  font-weight: 800;
  font-size: 16px;
  line-height: 1;

  box-shadow: 0 10px 22px rgba(0,0,0,.10);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  -webkit-tap-highlight-color: transparent;
}

/* アイコン */
.sodejrif74hg__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* hover */
.sodejrif74hg__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0,0,0,.14);
  filter: brightness(0.97);
}

/* 押したとき */
.sodejrif74hg__btn:active {
  transform: translateY(0) scale(0.99);
  box-shadow: 0 8px 18px rgba(0,0,0,.10);
}

/* キーボード操作 */
.sodejrif74hg__btn:focus-visible {
  outline: 3px solid rgba(247,147,30,.35);
  outline-offset: 3px;
}

/* スマホで“ボタンっぽく”大きくしたい場合 */
@media (max-width: 680px) {
  .sodejrif74hg {
    justify-content: center; /* スマホは中央寄せ */
  }
  .sodejrif74hg__btn {
    width: 100%;
    max-width: 420px;
  }
}

/* 通常ヘッダー：幅制限解除 */
#header .l-container {
  max-width: none !important;
  width: 100% !important;
}

/* 追従ヘッダー：幅制限解除 */
#fix_header .l-container {
  max-width: none !important;
  width: 100% !important;
}

/* 念のため inner も */
#fix_header .l-fixHeader__inner {
  max-width: none !important;
  width: 100% !important;
}