@charset "UTF-8";

/* 全営業種別共通の基礎スタイル
---------------------------------------------------- */

/* Alpine.js: 初期化前の要素を非表示 */
[x-cloak] {
  display: none !important;
}

/* 全体 */
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, sans-serif;
  line-height: 1.8;
}

.container {
  max-width: 1140px;
  margin: 0 auto;
}

/* ロゴフォント */
@font-face {
  font-family: "logo";
  src: url("/fonts/logo2.woff2") format("woff2"),
       url("/fonts/logo2.woff")  format("woff"),
       url("/fonts/logo2.eot");
  font-weight: normal;
  font-style:  normal;
  font-display: swap;
}

/* ロゴスタイル */
a.logo {
  font-family: "logo";
  letter-spacing: 0.3125rem;
}

/* アイコン - 色付き背景ボックス */
.text-instagram {
  background-color: #E1306C;  /* Instagram最新公式 */
  color: #FFFFFF !important;
  display: inline-flex;
  width: 1.5em;
  height: 1.5em;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;  /* Bootstrap .rounded-1 相当 */
}

.text-twitter {
  background-color: #1DA1F2;  /* Twitter公式青 */
  color: #FFFFFF !important;
  display: inline-flex;
  width: 1.5em;
  height: 1.5em;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}

.text-facebook {
  background-color: #1877F2;  /* Facebook最新公式 */
  color: #FFFFFF !important;
  display: inline-flex;
  width: 1.5em;
  height: 1.5em;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}

.text-line {
  background-color: #00B900;  /* LINE公式 */
  color: #FFFFFF !important;
  display: inline-flex;
  width: 1.5em;
  height: 1.5em;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}

.bi-envelope {
  background-color: #0078D4;  /* Outlook青（メール一般的な色） */
  color: #FFFFFF !important;
  display: inline-flex;
  width: 1.5em;
  height: 1.5em;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}

/* フッターリンクホバー時の明るさ変更 */
footer a.text-white-50:hover {
  color: rgba(255, 255, 255, 1) !important;
}
