@charset "UTF-8";
/* ========================================================
# 詳細ページ上部のCTA（2026-10 既存改善）
#   .p-detail__topBtnList（サンプル依頼／無料相談／お見積りの3ボタン）を .p-detail__cta に置き換える
#   読み込み：common_prod.css・pc_prod.css・mobile_prod.css の後
#   アイコン：img/ の3ファイルを /assets/img/common/ に置く（パスを変える場合は下の url() も変える）
======================================================== */
.p-detail .p-detail__cta {margin-top: 1.5rem;padding: 2rem;}
.p-detail .p-detail__ctaRow {display: flex;flex-wrap: wrap;align-items: center;gap: 0.75rem 2rem;}
.p-detail .p-detail__ctaForm {margin: 0;}
/* 無料サンプルを依頼する（押すとリストに追加して /form/wishlist へ。動きは wishlist.js の .js-add-wishlist のまま） */
.p-detail .p-detail__ctaBtn {display: inline-flex;align-items: center;gap: 0.75rem;padding: 1rem 2.75rem;border: 0.125rem solid #F56B0F;border-radius: 6.25rem;background-color: #F56B0F;color: #fff;font-family: inherit;font-size: 1.25rem;font-weight: bold;line-height: 1.4;cursor: pointer;transition: background-color 0.3s, color 0.3s;}
.p-detail .p-detail__ctaBtn::before {content: "";flex-shrink: 0;width: 1.375rem;height: 1.375rem;background-color: currentColor;mask: url("/assets/img/common/icon_file-text.svg") no-repeat center center/contain;}
@media (any-hover: hover) {
.p-detail .p-detail__ctaBtn:hover {background-color: #fff;color: #F56B0F;}
}
/* お問い合わせ・お見積り（テキストリンク） */
.p-detail .p-detail__ctaLinks {display: flex;flex-wrap: wrap;gap: 0.25rem 1.5rem;}
.p-detail .p-detail__ctaLinks form {margin: 0;}
.p-detail .p-detail__ctaLink {display: inline-flex;align-items: center;gap: 0.375rem;padding: 0.25rem 0;border: 0;background: none;color: #0b6bbf;font-family: inherit;font-size: 0.9375rem;font-weight: bold;cursor: pointer;}
.p-detail .p-detail__ctaLink::before {content: "";flex-shrink: 0;width: 1.125rem;height: 1.125rem;background-color: currentColor;mask: no-repeat center center/contain;}
.p-detail .p-detail__ctaLink.--inquiry::before {mask-image: url("/assets/img/common/icon_mail2.svg");}
.p-detail .p-detail__ctaLink.--estimate::before {mask-image: url("/assets/img/common/icon_calculator2.svg");}
@media (any-hover: hover) {
.p-detail .p-detail__ctaLink:hover {text-decoration: underline;}
}
/* ボタンの下の一行（届く内容・費用） */
.p-detail .p-detail__ctaNote {margin-top: 0.625rem;font-size: 0.8125rem;line-height: 1.7;color: #555;}
@media (max-width: 767px) {
.p-detail .p-detail__cta {padding: 1rem 0;}
.p-detail .p-detail__ctaForm {width: 100%;}
.p-detail .p-detail__ctaBtn {width: 100%;justify-content: center;padding: 0.875rem 1.5rem;font-size: 1.0625rem;}
.p-detail .p-detail__ctaLinks {width: 100%;justify-content: center;}
}