@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
*/

/*パンくず 非表示*/
#breadcrumb {
 display: none;
}

/*記事下の情報 非表示*/
.p-articleFoot {
	 display: none;
}
/*関連記事の上下余白 非表示*/
@media (min-width: 600px) {
    .l-articleBottom__section {
        margin-top: 1em;
    }
}

/*グローバルメニュー 調整*/
.c-gnav>.menu-item>a .ttl {
	font-weight: bold;
	color: #333333;
	font-size: 16px;
}


/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */

/* 「送信する」ボタン */
input.wpcf7-submit {
	display: block;
	background: #fff;
	color: #39acae;
	font-size: 18px;
	font-weight: 700;
	border-radius: 2px;
	margin: 0 0 0 auto;
}
.wpcf7-list-item {
	display: inline-block;
	margin: 0 0.7em 0 0.3em;
}
#wpcf7-f120-o1 > form > p:nth-child(2) > span > input {
	margin-bottom: 15px;
}
#wpcf7-f120-o2 > form > p:nth-child(3) {
	margin-top: 15px;
}
.wpcf7-spinner {
	display: none;
}
form .wpcf7-acceptance input[type="checkbox"] {
	transform: scale(2.0);
	margin-right: 0.5em;
}
 .wpcf7 input[type="email"] {
	width: 100%!important;
}
/*CVカラムの調整*/
/* 既存のCSS修正 */
.pc_cv .btn-bottom-list > .swell-block-column {
  display: flex!important;
  flex-direction: column!important;
  height: 100%; /* 高さを100%に設定 */
}
.pc_cv .btn-bottom-list > .swell-block-column > .wp-block-button {
  flex-grow: 1!important;
  display: flex!important;
  align-items: flex-end!important;
}



.pc_cv .p-main-cta__left {
  border-left: solid 1px rgba(255, 255, 255, 0.3);
}
.pc_cv .cta-second {
  height: 100%;
}

/* 新しいCSS追加 - w-beforeFooterに限定 */
.w-beforeFooter .swell-block-columns {
  display: flex; /* カラムをフレックスコンテナにする */
  align-items: stretch; /* 子要素の高さを揃える */
}
.pc_cv .w-beforeFooter .swell-block-column {
  display: flex;
  flex-direction: column;
  flex: 1; /* 各カラムを同じ比率で伸ばす */
  padding: 2rem;
  box-sizing: border-box; /* パディングを含めたボックスサイズを計算 */
}
.pc_cv .w-beforeFooter .swell-block-column:not(:first-child) {
  border-left: 1px solid rgba(255, 255, 255, 0.3); /* 2番目以降のカラムにボーダーを追加 */
}


/* 投稿リスト（リスト型）の調整 */
.-type-list .p-postList__thumb, .-type-list2 .p-postList__thumb {
	width: 25%;
}
.-type-list .p-postList__body, .-type-list2 .p-postList__body {
	width: 70%;
}
/* h2の調整 */
.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    padding: 1em .75em;
	/* color : #39acae; */
}

<!--
/*ContactForm7カスタマイズ*/
.cf7__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.cf7__list dt:nth-of-type(n + 2),
.cf7__list dd:nth-of-type(n + 2) {
  margin-top: 30px;
}

.cf7__list dt {
  width: 35%;
  padding-top: 15px;
}

.cf7__list dd {
  width: 65%;
}

/* 必須・任意 */
.cf7__required,
.cf7__optional {
  margin-right: 15px;
  padding: 6px 14px;
  color: #fff;
  font-size: 12px;
  vertical-align: 1px;
}

.cf7__required {
  background: #BE1D1D;
}

.cf7__optional {
  background: #878D8E;
}

/* input・textarea */
.cf7__list dd input[type="text"],
.cf7__list dd input[type="tel"],
.cf7__list dd input[type="email"],
.cf7__list dd textarea {
  width: 100%;
  padding: 15px 20px;
  background: #F4F4F4;
}

/* ドロップダウンメニュー */
.cf7__select {
  position: relative;
}

.cf7__select:before {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 10;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid #39acae;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  pointer-events: none;
  content: '';
}

.cf7__select select {
  width: 100%;
  padding: 19px 20px;
  background: #F4F4F4;
  color: #a5a5a5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* チェックボックス・ラジオボタン */
.cf7__list dd .wpcf7-checkbox,
.cf7__list dd .wpcf7-radio {
  display: block;
  padding: 15px 0 10px;
}

/* 縦並び（チェックボックス・ラジオボタン） */
.cf7__list dd .wpcf7-list-item {
  display: block;
  margin: 0;
}

.cf7__list dd .wpcf7-list-item:nth-child(n + 2) {
  margin-top: 18px;
}

/* マウスカーソル（チェックボックス・ラジオボタン） */
.cf7__list dd .wpcf7-list-item label {
  cursor: pointer;
}

/* チェックボックス・ラジオボタン */
input[type="checkbox"],
input[type="radio"] {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border: 1px solid #bcbcbc;
  vertical-align: -3px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* チェックボックス */
input[type="checkbox"]:checked {
  border: 1px solid #000;
  background: #000;
}

input[type="checkbox"]:checked:before {
  position: absolute;
  top: 2px;
  left: 5px;
  transform: rotate(50deg);
  width: 6px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
}

/* ラジオボタン */
input[type="radio"] {
  border-radius: 50%;
}

input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #000;
  content: '';
}

/* プレースホルダー */
/* Google Chrome / Safari / Mozilla Firefox / Opera */
.cf7__list dd input[type="text"]::placeholder,
.cf7__list dd input[type="tel"]::placeholder,
.cf7__list dd input[type="email"]::placeholder,
.cf7__list dd textarea::placeholder {
  color: #a5a5a5;
}

/* Microsoft Edge */
.cf7__list dd input[type="text"]::-ms-input-placeholder,
.cf7__list dd input[type="tel"]::-ms-input-placeholder,
.cf7__list dd input[type="email"]::-ms-input-placeholder,
.cf7__list dd textarea::-ms-input-placeholder {
  color: #a5a5a5;
}

/* Internet Explorer */
.cf7__list dd input[type="text"]:-ms-input-placeholder,
.cf7__list dd input[type="tel"]:-ms-input-placeholder,
.cf7__list dd input[type="email"]:-ms-input-placeholder,
.cf7__list dd textarea:-ms-input-placeholder {
  color: #a5a5a5;
}

/* 送信ボタン */
.cf7__button {
  padding-left: 72px;
  text-align: center;
}

input[type="submit"] {
  width: 260px;
  height: 60px;
  background: #39acae;
  color: #fff;
  transition: opacity .6s;
}

input[type="submit"]:hover {
  opacity: .6;
}

/* ajax-loader */
.wpcf7-spinner {
  vertical-align: middle;
}

@media screen and (max-width: 767px) {

  .cf7__list dt {
    width: 100%;
    margin-bottom: 15px;
    padding-top: 0;
  }

  .cf7__list dd {
    width: 100%;
  }

  .cf7__list dd:nth-of-type(n + 2) {
    margin-top: 0;
  }

  .cf7__list dd .wpcf7-checkbox,
  .cf7__list dd .wpcf7-radio {
    padding: 15px 0 0;
  }

  /* 送信ボタン */
  input[type="submit"] {
    width: 180px;
    height: 56px;
  }

}
.cf7__button {
  display: flex; /* フレックスボックスを使用 */
  justify-content: center; /* 子要素を中央に配置 */
  padding-left: 0; /* 左のパディングをリセット */
  margin-top: 30px; /* 上にマージンを追加してスペースを確保 */
}

input[type="submit"] {
  width: 260px;
  height: 60px;
  background: #39acae;
  color: #fff;
  transition: opacity .6s;
}

input[type="submit"]:hover {
  opacity: .6;
}
/* input・textareaの背景色を白に設定 */
.cf7__list dd input[type="text"],
.cf7__list dd input[type="tel"],
.cf7__list dd input[type="email"],
.cf7__list dd textarea {
  background: #fff; /* 背景色を白に変更 */
}

/* プレースホルダーの色を調整する場合 */
.cf7__list dd input[type="text"]::placeholder,
.cf7__list dd input[type="tel"]::placeholder,
.cf7__list dd input[type="email"]::placeholder,
.cf7__list dd textarea::placeholder {
  color: #a5a5a5; /* プレースホルダーの色（必要に応じて調整） */
}
/* reCAPTCHAバッジ（ロゴマーク）を消す */
.grecaptcha-badge { visibility: hidden; }
/* reCAPTCHAテキストの設定 */
.recapcha-text {
	margin-top:25px;
	text-align:center;
	font-size:12px;
}
-->



/* ボックスメニューのカスタマイズ */
.feedback-button .swell-block-box-menu__link {
  display: flex !important;
  align-items: center !important;      /* 縦方向中央 */
  justify-content: center !important;  /* 横方向中央 */
  gap: 0.6em;                          /* アイコンと文字の間隔 */
  padding-left: 1em !important;        /* 左だけ広くならないよう調整 */
  padding-right: 1em !important;
}

.feedback-button .swell-block-box-menu__figure {
  position: static !important;
  margin: 0;
  display: flex;
  align-items: center;
}

.feedback-button .swell-block-box-menu__text {
  text-align: center;
  display: inline-block;
}
/* prompt-code だけを強制的にチャット風に */
.hcb_wrap.prompt-code.hcb_wrap{
  /* プラグインが var(--hcb--bgc) を使ってるので、ここで上書きすると強い */
  --hcb--bgc: #f7f7f8;
  --hcb--c: #111;
  --hcb--radius: 16px;
  --hcb--tsh: none;
  --hcb--pX: 1.25em;
  --hcb--pY: 2.4em;
  --hcb-clipbtn-opacity: 90;
}

/* 本体 */
.hcb_wrap.prompt-code.hcb_wrap > pre{
  border: 1px solid #e6e6ea !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.06) !important;

  /* ここが効かないと「変わらない」に見えがち */
  white-space: pre-wrap !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

/* code 側もプラグインが white-space: pre; を当てるので上書き */
.hcb_wrap.prompt-code.hcb_wrap > pre > code{
  white-space: inherit !important;
}

/* “Prompt”ラベル（元の data-lang 表示より優先） */
.hcb_wrap.prompt-code.hcb_wrap > pre::before{
  content: "プロンプト";
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;
  right: auto !important;

  background: #39acae !important;
  border: 1px solid #e6e6ea !important;
  border-radius: 999px !important;

  padding: 4px 10px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  color: #fff !important; /* ← 真っ白 */

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}


/* コピーボタン位置（ラベルと干渉しにくく） */
.hcb_wrap.prompt-code.hcb_wrap .hcb-clipboard{
  top: 10px !important;
  right: 10px !important;
  background-color: #ffffffcc !important;
  border: 1px solid #e6e6ea !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.06) !important;
}

/* ダークモード */
@media (prefers-color-scheme: dark){
  .hcb_wrap.prompt-code.hcb_wrap{
    --hcb--bgc:#1f1f22;
    --hcb--c:#f1f1f1;
  }
  .hcb_wrap.prompt-code.hcb_wrap > pre{
    border-color:#2f2f35 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.35) !important;
  }
  .hcb_wrap.prompt-code.hcb_wrap > pre::before,
  .hcb_wrap.prompt-code.hcb_wrap .hcb-clipboard{
    background:#2a2a2ecc !important;
    border-color:#3a3a42 !important;
    color:#e7e7e7 !important;
  }
}
/* ChatGPTっぽいフォントスタック（Söhne無しでもそれっぽく見える構成） */
.hcb_wrap.prompt-code.hcb_wrap{
  --hcb--ff: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
             "Segoe UI", Roboto, Ubuntu, Cantarell,
             "Noto Sans JP", "Hiragino Sans", "Yu Gothic", Meiryo,
             "Helvetica Neue", Arial, sans-serif,
             "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* 念のため pre / code にも直指定（プラグイン側に負けにくく） */
.hcb_wrap.prompt-code.hcb_wrap > pre,
.hcb_wrap.prompt-code.hcb_wrap > pre > code{
  font-family: var(--hcb--ff) !important;
}