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

/* ===========================================
   ピカデンタルクリニック カスタムCSS
   参考: カツベ歯科クリニック風 プロフェッショナルデザイン
   =========================================== */

:root {
	--pika-navy: #2c3e50;
	--pika-navy-light: #34495e;
	--pika-blue: #7bb5d3;
	--pika-blue-light: #b8dae9;
	--pika-blue-pale: #e8f4f8;
	--pika-pink: #e8a4b8;
	--pika-pink-light: #f5d5df;
	--pika-bg-cream: #faf9f7;
	--pika-bg-blue: #f0f7fa;
	--pika-text: #2c3e50;
	--pika-text-light: #5a6c7d;
	--pika-white: #ffffff;
	--pika-border: #e0e6ea;
	--pika-radius: 8px;
	--pika-radius-lg: 16px;
	--pika-shadow: 0 4px 20px rgba(44, 62, 80, 0.08);
	--pika-shadow-hover: 0 8px 32px rgba(44, 62, 80, 0.14);
}

/* ===== 全体 ===== */
body {
	color: var(--pika-text);
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	line-height: 1.9;
	-webkit-font-smoothing: antialiased;
}

/* ===== ヘッダーロゴ ===== */
:root {
	--logo_size_pc: 72px !important;
	--logo_size_pcfix: 56px !important;
	--logo_size_sp: 48px !important;
}

.c-headLogo.-img .c-headLogo__link {
	display: flex;
	align-items: center;
}

.c-headLogo__img {
	height: auto !important;
	width: auto !important;
	max-height: 72px;
	object-fit: contain;
}

@media (max-width: 767px) {
	.c-headLogo__img {
		max-height: 48px;
	}
}

/* ===== ヘッダーバー（キャッチフレーズ帯） ===== */
.l-header__bar {
	background: var(--pika-navy) !important;
	font-size: 11px;
	letter-spacing: 0.1em;
}

/* ===== SWELLデフォルトh2/h3/h4スタイルの上書き ===== */
.post_content h2 {
	background: none !important;
	color: var(--pika-navy) !important;
	padding: 0 !important;
	border: none !important;
}

.post_content h2::before {
	display: none !important;
	content: none !important;
}

.post_content h3 {
	padding: 0 !important;
}

.post_content h3::before {
	display: none !important;
	content: none !important;
}

.post_content h4 {
	border-left: none !important;
	padding: 0 !important;
}

/* ===== トップページ: SWELL制約の上書き ===== */
/* コンテンツ幅を全幅に */
.home .l-content,
.home .l-mainContent,
.home .l-mainContent__inner,
.home .post_content {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* コンテンツエリアの余白をリセット */
.home .l-main {
	padding: 0 !important;
	margin: 0 !important;
}

.home .l-content {
	padding-top: 0 !important;
	margin: 0 auto !important;
}

/* SWELLのデフォルトblock幅をトップでは全幅に */
.home .post_content > .wp-block-group {
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* 各セクション内のコンテンツは中央揃え */
.home .post_content > .wp-block-group > .wp-block-group__inner-container {
	max-width: 100%;
	margin: 0 auto;
}

/* タイトルを非表示（トップページ） */
.home .c-pageTitle,
.home .l-articleBottom,
.home .post_content > .c-postTitle {
	display: none !important;
}

/* ===== セクション見出し（英語 + 日本語の2段構成） ===== */
.pika-section-head {
	text-align: center;
	margin-bottom: 64px;
}

.pika-section-head .en {
	display: block;
	font-family: "Cormorant Garamond", "Times New Roman", serif;
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--pika-blue);
	margin-bottom: 8px;
}

.pika-section-head h2 {
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--pika-navy);
	margin: 0;
	padding: 0;
	border: none;
	position: relative;
}

.pika-section-head h2::after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background: var(--pika-blue);
	margin: 16px auto 0;
}

/* SWELL デフォルトh2上書き */
.post_content h2 {
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--pika-navy);
	margin-bottom: 0.6em;
	padding: 0;
	border: none;
	background: none;
}

.post_content h3 {
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--pika-navy);
}

/* ===== ファーストビュー ===== */
.pika-fv {
	position: relative;
	min-height: 580px;
	background: linear-gradient(135deg, var(--pika-blue-pale) 0%, var(--pika-white) 50%, var(--pika-bg-cream) 100%);
	overflow: hidden;
	padding: 0 !important;
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

/* 装飾用の丸い図形（参考サイト風） */
.pika-fv::before {
	content: "";
	position: absolute;
	top: -80px;
	left: -120px;
	width: 500px;
	height: 500px;
	border-radius: 50%;
	background: var(--pika-blue-light);
	opacity: 0.35;
	z-index: 1;
}

.pika-fv::after {
	content: "";
	position: absolute;
	bottom: -60px;
	left: 20%;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: var(--pika-pink-light);
	opacity: 0.3;
	z-index: 1;
}

/* FV 2カラム */
.pika-fv-columns {
	min-height: 580px;
	align-items: center !important;
	gap: 0 !important;
	margin: 0 !important;
}

.pika-fv-text-col {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
}

.pika-fv-content {
	position: relative;
	z-index: 2;
	max-width: 540px;
	padding: 80px 24px 80px 72px;
}

/* FV画像 */
.pika-fv-img-col {
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.pika-fv-image {
	margin: 0 !important;
	height: 100%;
}

.pika-fv-image img {
	width: 100%;
	height: 580px;
	object-fit: cover;
	object-position: center;
	border-radius: 0 0 0 80px;
}

.pika-fv h1 {
	font-size: 2.2rem;
	font-weight: 700;
	color: var(--pika-navy);
	line-height: 1.7;
	margin-bottom: 20px;
	letter-spacing: 0.06em;
}

.pika-fv .sub-copy {
	font-size: 1rem;
	color: var(--pika-text-light);
	line-height: 2;
	margin-bottom: 16px;
}

.pika-fv .clinic-name-en {
	font-family: "Cormorant Garamond", "Times New Roman", serif;
	font-size: 0.85rem;
	letter-spacing: 0.25em;
	color: var(--pika-blue);
	margin-bottom: 40px;
}

.pika-fv .btn-group {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

/* ===== WEB予約ボタン ===== */
.pika-cta-btn .wp-block-button__link,
.pika-cta-btn a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: var(--pika-blue) !important;
	color: var(--pika-white) !important;
	font-size: 0.95rem;
	font-weight: 600;
	padding: 14px 36px;
	border-radius: 50px;
	text-decoration: none !important;
	border: none !important;
	box-shadow: 0 4px 16px rgba(123, 181, 211, 0.35);
	transition: all 0.3s ease;
	min-height: 48px;
	letter-spacing: 0.08em;
}

.pika-cta-btn .wp-block-button__link:hover,
.pika-cta-btn a:hover {
	background: #6aa3c1 !important;
	box-shadow: 0 6px 24px rgba(123, 181, 211, 0.45);
	transform: translateY(-2px);
}

/* 電話ボタン */
.pika-tel-btn .wp-block-button__link,
.pika-tel-btn a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: var(--pika-white) !important;
	color: var(--pika-navy) !important;
	font-size: 0.95rem;
	font-weight: 600;
	padding: 14px 36px;
	border: 2px solid var(--pika-navy) !important;
	border-radius: 50px;
	text-decoration: none !important;
	transition: all 0.3s ease;
	min-height: 48px;
	letter-spacing: 0.08em;
}

.pika-tel-btn .wp-block-button__link:hover,
.pika-tel-btn a:hover {
	background: var(--pika-navy) !important;
	color: var(--pika-white) !important;
}

/* ===== セクション共通 ===== */
.pika-section {
	padding-top: 120px;
	padding-bottom: 120px;
	width: 100vw;
	margin-left: calc(50% - 50vw) !important;
	margin-right: 0 !important;
}

.pika-section.bg-cream {
	background: var(--pika-bg-cream);
}

.pika-section.bg-blue {
	background: var(--pika-bg-blue);
}

/* CTAボトムセクション */
.pika-cta-bottom {
	width: 100vw;
	margin-left: calc(50% - 50vw) !important;
}

/* ===== 診療内容カード ===== */
.pika-service-cards {
	gap: 32px !important;
	margin-bottom: 32px !important;
}

.pika-service-card {
	text-align: center;
	padding: 48px 28px 40px;
	border-radius: var(--pika-radius-lg);
	background: var(--pika-white);
	box-shadow: var(--pika-shadow);
	transition: all 0.35s ease;
	border: 1px solid transparent;
	position: relative;
	overflow: hidden;
}

.pika-service-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--pika-blue), var(--pika-pink));
	opacity: 0;
	transition: opacity 0.3s ease;
}

.pika-service-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--pika-shadow-hover);
	border-color: var(--pika-blue-light);
}

.pika-service-card:hover::before {
	opacity: 1;
}

.pika-service-card h3 {
	font-size: 1.05rem;
	font-weight: 700;
	margin-bottom: 14px;
	color: var(--pika-navy);
}

.pika-service-card p {
	font-size: 0.85rem;
	color: var(--pika-text-light);
	line-height: 1.9;
	margin: 0;
}

/* カードアイコン装飾 */
.pika-service-card .icon-wrap {
	width: 76px;
	height: 76px;
	margin: 0 auto 24px;
	border-radius: 50%;
	background-color: #e8f4f8;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
	line-height: 0;
	box-shadow: 0 2px 12px rgba(123, 181, 211, 0.15);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 38px 38px;
}

/* 一般歯科 - 歯アイコン */
.icon-general {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%235a9ab8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 6c-4 0-7.5 1.2-9.5 3.5-2 2.3-2.5 5.2-2 8.5.5 3.3 1.5 7 2.5 10.5 1 3.5 2 7.5 2.5 10.5.3 1.8 1 2.5 1.5 2.5s1.2-.7 1.5-2.5c.5-2 1.5-5 3.5-8 2 3 3 6 3.5 8 .3 1.8 1 2.5 1.5 2.5s1.2-.7 1.5-2.5c.5-3 1.5-7 2.5-10.5s2-7.2 2.5-10.5c.5-3.3 0-6.2-2-8.5C31.5 7.2 28 6 24 6z'/%3E%3C/svg%3E");
}

/* 小児歯科 - 子どもの笑顔アイコン */
.icon-pediatric {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%235a9ab8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='24' r='14'/%3E%3Ccircle cx='19' cy='21' r='1.5' fill='%235a9ab8' stroke='none'/%3E%3Ccircle cx='29' cy='21' r='1.5' fill='%235a9ab8' stroke='none'/%3E%3Cpath d='M19 28c2 2.5 8 2.5 10 0'/%3E%3Cpath d='M14 14c2-3 6-5 10-5s8 2 10 5' stroke-width='1.8'/%3E%3C/svg%3E");
}

/* 予防歯科 - シールドにチェックマーク */
.icon-preventive {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%235a9ab8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 5L9 13v10c0 10.5 6.5 17 15 21 8.5-4 15-10.5 15-21V13L24 5z'/%3E%3Cpath d='M17 24l5 5 9-10' stroke-width='2.5'/%3E%3C/svg%3E");
}

/* クリーニング - キラキラアイコン */
.icon-cleaning {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%235a9ab8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 6c0 0-3 8-7 12s-12 6-12 6 8 2 12 6 7 12 7 12 3-8 7-12 12-6 12-6-8-2-12-6-7-12-7-12z' fill='%23e8f4f8'/%3E%3Cpath d='M38 8l-1.5 4-4 1.5 4 1.5 1.5 4 1.5-4 4-1.5-4-1.5L38 8z' fill='%23dceef5' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* ホワイトニング - 輝く歯アイコン */
.icon-whitening {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%235a9ab8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 8c-3.5 0-6.5 1-8.5 3-2 2-2.5 4.5-2 7.5.5 3 1.5 6 2.5 9.5 1 3.5 1.8 7 2.2 9.5.3 1.5.8 2.5 1.3 2.5s1-.7 1.3-2.2c.5-2 1.5-4.5 3.2-7.3 1.7 2.8 2.7 5.3 3.2 7.3.3 1.5.8 2.2 1.3 2.2s1-1 1.3-2.5c.4-2.5 1.2-6 2.2-9.5s2-6.5 2.5-9.5c.5-3 0-5.5-2-7.5-2-2-5-3-8.5-3z'/%3E%3Cpath d='M10 10l3 1.5' stroke-width='1.8'/%3E%3Cpath d='M38 10l-3 1.5' stroke-width='1.8'/%3E%3Cpath d='M8 20h3' stroke-width='1.8'/%3E%3Cpath d='M37 20h3' stroke-width='1.8'/%3E%3C/svg%3E");
}

/* 定期検診 - カレンダーチェックアイコン */
.icon-checkup {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%235a9ab8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='10' width='32' height='32' rx='4'/%3E%3Cpath d='M8 18h32'/%3E%3Cpath d='M16 6v8'/%3E%3Cpath d='M32 6v8'/%3E%3Cpath d='M18 28l4 4 8-8' stroke-width='2.5'/%3E%3C/svg%3E");
}

/* ===== 診療時間テーブル ===== */
.pika-schedule-section .wp-block-table table,
.pika-schedule-table table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: var(--pika-radius-lg);
	overflow: hidden;
	box-shadow: var(--pika-shadow);
	background: var(--pika-white);
}

.pika-schedule-section .wp-block-table thead th,
.pika-schedule-table th {
	background: var(--pika-navy);
	color: var(--pika-white);
	padding: 16px 24px;
	font-weight: 600;
	font-size: 0.9rem;
	letter-spacing: 0.08em;
	border: none;
}

.pika-schedule-section .wp-block-table td,
.pika-schedule-table td {
	padding: 16px 24px;
	text-align: center;
	border-bottom: 1px solid var(--pika-border);
	font-size: 0.9rem;
}

.pika-schedule-section .wp-block-table tbody tr:last-child td {
	border-bottom: none;
}

.pika-schedule-section .wp-block-table tbody tr:nth-child(even) td {
	background: var(--pika-bg-blue);
}

.pika-closed {
	color: #d35f5f;
	font-weight: 700;
	font-size: 0.85rem;
}

/* ===== お知らせ ===== */
.pika-news-section .wp-block-latest-posts {
	padding: 0;
	list-style: none;
}

.pika-news-section .wp-block-latest-posts li {
	padding: 24px 0;
	border-bottom: 1px solid var(--pika-border);
}

.pika-news-section .wp-block-latest-posts__post-date {
	color: var(--pika-blue);
	font-weight: 600;
	font-size: 0.85rem;
	margin-right: 16px;
}

.pika-news-section .wp-block-latest-posts__post-title {
	color: var(--pika-navy);
	font-weight: 500;
	text-decoration: none;
	transition: color 0.3s;
}

.pika-news-section .wp-block-latest-posts__post-title:hover {
	color: var(--pika-blue);
}

/* ===== アクセスセクション ===== */
.pika-access-info {
	line-height: 2.2;
}

.pika-access-info h3 {
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--pika-navy);
	margin-bottom: 24px;
	padding-bottom: 14px;
	border-bottom: 2px solid var(--pika-blue-light);
}

.pika-access-info p {
	margin-bottom: 20px;
}

.pika-access-info a {
	color: var(--pika-blue);
	font-weight: 700;
	text-decoration: none;
	transition: color 0.3s;
}

.pika-access-info a:hover {
	color: var(--pika-navy);
}

.pika-map-wrap {
	border-radius: var(--pika-radius-lg);
	overflow: hidden;
	box-shadow: var(--pika-shadow);
}

.pika-map-wrap iframe {
	width: 100%;
	height: 320px;
	border: 0;
}

/* ===== 予約CTAセクション ===== */
.pika-cta-section {
	text-align: center;
	padding: 80px 48px;
	background: var(--pika-navy);
	border-radius: var(--pika-radius-lg);
	color: var(--pika-white);
	position: relative;
	overflow: hidden;
}

.pika-cta-section::before {
	content: "";
	position: absolute;
	top: -50px;
	right: -50px;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background: rgba(123, 181, 211, 0.15);
}

.pika-cta-section::after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: -30px;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: rgba(232, 164, 184, 0.1);
}

.pika-cta-section h2 {
	color: var(--pika-white) !important;
	font-size: 1.5rem;
	margin-bottom: 20px;
}

.pika-cta-section h2::after {
	background: rgba(255, 255, 255, 0.3);
}

.pika-cta-section p {
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 2.5em;
}

.pika-cta-section .pika-cta-btn .wp-block-button__link,
.pika-cta-section .pika-cta-btn a {
	background: var(--pika-white) !important;
	color: var(--pika-navy) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.pika-cta-section .pika-cta-btn .wp-block-button__link:hover,
.pika-cta-section .pika-cta-btn a:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
}

.pika-cta-section .pika-tel-btn .wp-block-button__link,
.pika-cta-section .pika-tel-btn a {
	background: transparent !important;
	color: var(--pika-white) !important;
	border-color: rgba(255, 255, 255, 0.6) !important;
}

.pika-cta-section .pika-tel-btn .wp-block-button__link:hover,
.pika-cta-section .pika-tel-btn a:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	border-color: var(--pika-white) !important;
}

/* ===== 汎用ボタン（アウトライン） ===== */
.pika-more-btn .wp-block-button__link {
	background: transparent !important;
	color: var(--pika-navy) !important;
	border: 2px solid var(--pika-navy) !important;
	border-radius: 50px;
	padding: 12px 32px;
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	transition: all 0.3s ease;
}

.pika-more-btn .wp-block-button__link:hover {
	background: var(--pika-navy) !important;
	color: var(--pika-white) !important;
}

/* ===== ヘッダー ===== */
.l-header {
	box-shadow: 0 1px 0 var(--pika-border);
}

.l-header__inner {
	max-width: 1200px;
}

/* ヘッダー予約ボタン */
.l-header .c-btnWrap a,
.l-header .header_btn a {
	background: var(--pika-blue) !important;
	color: var(--pika-white) !important;
	border-radius: 50px;
	font-weight: 600;
	letter-spacing: 0.08em;
	padding: 8px 24px;
}

/* ===== フッター ===== */
.l-footer {
	background: var(--pika-navy);
	color: rgba(255, 255, 255, 0.75);
}

.l-footer__widgetArea {
	padding: 64px 0 48px;
}

.l-footer a {
	color: rgba(255, 255, 255, 0.75);
	transition: color 0.3s;
}

.l-footer a:hover {
	color: var(--pika-white);
}

.l-footer .copyright {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 24px 0;
	font-size: 0.8rem;
}

/* ===== フェードインアニメーション ===== */
.pika-fade-in {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.8s ease, transform 0.8s ease;
}

.pika-fade-in.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* ===== レスポンシブ ===== */
@media (max-width: 1023px) {
	.pika-fv {
		min-height: auto;
	}

	.pika-fv-columns {
		min-height: auto;
	}

	.pika-fv-content {
		padding: 50px 30px;
	}

	.pika-fv h1 {
		font-size: 1.8rem;
	}

	.pika-fv-image img {
		height: 450px;
	}

	.pika-section {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.pika-fv {
		min-height: auto;
		padding: 0;
	}

	.pika-fv-columns {
		flex-direction: column-reverse !important;
		min-height: auto;
	}

	.pika-fv-text-col,
	.pika-fv-img-col {
		flex-basis: 100% !important;
	}

	.pika-fv-image img {
		height: 300px;
		border-radius: 0;
	}

	.pika-fv::before {
		width: 300px;
		height: 300px;
		top: -60px;
		left: -80px;
	}

	.pika-fv-content {
		padding: 40px 20px 40px;
		max-width: 100%;
	}

	.pika-fv h1 {
		font-size: 1.5rem;
		line-height: 1.8;
	}

	.pika-fv .sub-copy {
		font-size: 0.9rem;
	}

	.pika-fv .btn-group {
		flex-direction: column;
		align-items: stretch;
	}

	.pika-cta-btn .wp-block-button__link,
	.pika-cta-btn a,
	.pika-tel-btn .wp-block-button__link,
	.pika-tel-btn a {
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	.pika-section {
		padding-top: 72px;
		padding-bottom: 72px;
	}

	.pika-section-head {
		margin-bottom: 40px;
	}

	.pika-section-head h2 {
		font-size: 1.3rem;
	}

	.post_content h2 {
		font-size: 1.3rem;
	}

	.pika-service-card {
		padding: 28px 16px 24px;
	}

	.pika-cta-section {
		padding: 50px 20px;
		border-radius: var(--pika-radius);
	}

	.pika-map-wrap iframe {
		height: 220px;
	}

	.pika-access-section .wp-block-columns {
		gap: 32px;
	}
}

/* ===========================================
   下層ページ共通スタイル
   =========================================== */

/* ===== ページヘッダー ===== */
.pika-page-header {
	position: relative;
	overflow: hidden;
	margin-bottom: 16px;
}

.pika-page-header::before {
	content: '';
	position: absolute;
	width: 200px;
	height: 200px;
	background: var(--pika-blue-light);
	border-radius: 50%;
	opacity: 0.15;
	top: -60px;
	right: -40px;
}

.pika-page-header .pika-section-head .en {
	font-family: "Cormorant Garamond", serif;
	font-size: 0.85rem;
	letter-spacing: 0.2em;
	color: var(--pika-blue);
	margin-bottom: 4px;
	text-transform: uppercase;
}

.pika-page-header .pika-section-head h2 {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--pika-navy);
	position: relative;
	padding-bottom: 20px;
}

.pika-page-header .pika-section-head h2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 2px;
	background: var(--pika-blue);
}

/* ===== 診療内容ページ ===== */
.pika-detail-heading {
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--pika-navy);
	padding-left: 16px;
	border-left: 3px solid var(--pika-blue);
	margin-bottom: 20px !important;
	margin-top: 48px !important;
}

.pika-detail-heading:first-child,
h3.pika-detail-heading:first-of-type {
	margin-top: 0 !important;
}

/* 診療内容の区切り線 */
.wp-block-separator.is-style-wide {
	border-color: var(--pika-border);
	opacity: 0.5;
	margin: 48px 0 !important;
}

/* ===== スタッフ紹介ページ ===== */
.pika-staff-photo img {
	border-radius: var(--pika-radius-lg);
	box-shadow: var(--pika-shadow);
	width: 100%;
	aspect-ratio: 5/6;
	object-fit: cover;
}

.pika-staff-card {
	background: var(--pika-white);
	padding: 32px 24px;
	border-radius: var(--pika-radius-lg);
	box-shadow: var(--pika-shadow);
	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pika-staff-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--pika-shadow-hover);
}

.pika-staff-card h4 {
	color: var(--pika-navy);
	font-size: 1.1rem;
	margin-bottom: 12px !important;
	position: relative;
	padding-bottom: 12px;
}

.pika-staff-card h4::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 30px;
	height: 2px;
	background: var(--pika-blue);
}

/* ===== FAQページ ===== */
.pika-faq-item {
	background: var(--pika-white);
	border: 1px solid var(--pika-border);
	border-radius: var(--pika-radius);
	padding: 0;
	margin-bottom: 16px !important;
	overflow: hidden;
	transition: box-shadow 0.3s ease;
}

.pika-faq-item:hover {
	box-shadow: var(--pika-shadow);
}

.pika-faq-item summary {
	padding: 20px 24px;
	font-weight: 600;
	color: var(--pika-navy);
	cursor: pointer;
	position: relative;
	padding-left: 52px;
	list-style: none;
	line-height: 1.6;
}

.pika-faq-item summary::-webkit-details-marker {
	display: none;
}

.pika-faq-item summary::before {
	content: 'Q';
	position: absolute;
	left: 20px;
	top: 18px;
	width: 24px;
	height: 24px;
	background: var(--pika-blue);
	color: var(--pika-white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	font-weight: 700;
	font-family: "Cormorant Garamond", serif;
}

.pika-faq-item summary::after {
	content: '';
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	border-right: 2px solid var(--pika-text-light);
	border-bottom: 2px solid var(--pika-text-light);
	transform: translateY(-60%) rotate(45deg);
	transition: transform 0.3s ease;
}

.pika-faq-item[open] summary::after {
	transform: translateY(-40%) rotate(-135deg);
}

.pika-faq-item p {
	padding: 0 24px 20px 52px;
	color: var(--pika-text-light);
	line-height: 1.8;
}

/* ===== お問い合わせページ ===== */
.pika-contact-tel {
	border: 1px solid var(--pika-border);
	box-shadow: var(--pika-shadow);
	text-align: center;
}

.pika-contact-tel h3 {
	color: var(--pika-navy);
}

.pika-contact-tel a {
	color: var(--pika-navy) !important;
	text-decoration: none !important;
	font-family: "Cormorant Garamond", serif;
	letter-spacing: 0.05em;
}

/* Contact Form 7 スタイル */
.wpcf7 {
	max-width: 100%;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	width: 100%;
	padding: 14px 16px;
	border: 1px solid var(--pika-border);
	border-radius: var(--pika-radius);
	font-size: 0.95rem;
	font-family: inherit;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
	background: var(--pika-white);
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus {
	border-color: var(--pika-blue);
	box-shadow: 0 0 0 3px rgba(123, 181, 211, 0.15);
	outline: none;
}

.wpcf7 textarea {
	min-height: 160px;
	resize: vertical;
}

.wpcf7 .wpcf7-submit {
	display: inline-block;
	background: var(--pika-blue);
	color: var(--pika-white);
	padding: 16px 60px;
	border: none;
	border-radius: 50px;
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.3s ease, transform 0.2s ease;
	letter-spacing: 0.1em;
}

.wpcf7 .wpcf7-submit:hover {
	background: var(--pika-navy);
	transform: translateY(-2px);
}

.wpcf7 label {
	display: block;
	font-weight: 600;
	color: var(--pika-navy);
	margin-bottom: 6px;
	font-size: 0.9rem;
}

.wpcf7 .wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 24px;
}

/* ===== 下層ページ CTA セクション ===== */
.page .pika-cta-section {
	background: var(--pika-navy);
	position: relative;
	overflow: hidden;
	border-radius: var(--pika-radius-lg);
	margin-top: 20px;
}

.page .pika-cta-section::before {
	content: '';
	position: absolute;
	width: 300px;
	height: 300px;
	background: rgba(123, 181, 211, 0.12);
	border-radius: 50%;
	top: -100px;
	right: -80px;
}

.page .pika-cta-section::after {
	content: '';
	position: absolute;
	width: 200px;
	height: 200px;
	background: rgba(232, 164, 184, 0.1);
	border-radius: 50%;
	bottom: -60px;
	left: -40px;
}

.page .pika-cta-section p {
	color: rgba(255, 255, 255, 0.8);
}

/* ===== 下層ページ レスポンシブ ===== */
@media (max-width: 767px) {
	.pika-page-header .pika-section-head h2 {
		font-size: 1.5rem;
	}

	.pika-detail-heading {
		font-size: 1.15rem;
	}

	.pika-faq-item summary {
		padding: 16px 40px 16px 44px;
		font-size: 0.9rem;
	}

	.pika-faq-item summary::before {
		left: 14px;
		top: 14px;
	}

	.pika-faq-item p {
		padding: 0 16px 16px 44px;
		font-size: 0.9rem;
	}

	.pika-contact-tel {
		padding: 24px 16px !important;
	}

	.pika-contact-tel a {
		font-size: 1.6rem !important;
	}

	.pika-staff-photo img {
		max-width: 200px;
		margin: 0 auto;
		display: block;
	}
}

/* ===========================================
   フッター カスタムスタイル
   =========================================== */

/* フッターウィジェットエリア */
.l-footer__widgetArea .c-widget__title.-footer {
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-bottom: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.l-footer__widgetArea .c-widget {
	font-size: 0.85rem;
	line-height: 1.8;
}

.l-footer__widgetArea a {
	color: rgba(255, 255, 255, 0.75) !important;
	text-decoration: none !important;
	transition: color 0.3s ease;
}

.l-footer__widgetArea a:hover {
	color: var(--pika-blue-light) !important;
}

.l-footer__widgetArea ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.l-footer__widgetArea ul li {
	padding: 4px 0;
}

.l-footer__widgetArea ul li a::before {
	content: '›';
	margin-right: 6px;
	color: var(--pika-blue);
}

/* コピーライトバー */
.l-footer__bar {
	font-size: 0.8rem;
	letter-spacing: 0.08em;
}

/* ===== ヘッダーナビ微調整 ===== */
.c-gnav > li > a {
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: var(--pika-navy) !important;
	transition: color 0.3s ease;
}

.c-gnav > li > a:hover {
	color: var(--pika-blue) !important;
}

/* ===== ナビ: 予約CTAボタン ===== */
.c-gnav > li.pika-nav-cta {
	height: auto !important;
	align-self: center !important;
	margin-left: 20px;
	padding: 0 !important;
}

.c-gnav > li.pika-nav-cta > a {
	background: var(--pika-blue) !important;
	color: #fff !important;
	border-radius: 50px;
	padding: 12px 28px !important;
	font-weight: 700;
	font-size: 0.85rem;
	letter-spacing: 0.06em;
	line-height: 1.1 !important;
	white-space: nowrap;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: auto !important;
	box-shadow: 0 2px 8px rgba(123, 181, 211, 0.35);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	position: relative;
	flex-direction: row !important;
}

.c-gnav > li.pika-nav-cta > a .ttl {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	font-size: inherit;
}

.c-gnav > li.pika-nav-cta > a .ttl::before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") no-repeat center / contain;
}

.c-gnav > li.pika-nav-cta > a::after {
	display: none !important;
}

.c-gnav > li.pika-nav-cta > a:hover {
	background: #5fa3c5 !important;
	color: #fff !important;
	box-shadow: 0 4px 16px rgba(123, 181, 211, 0.5);
	transform: translateY(-1px);
}

/* スマホメニュー内のCTA */
@media (max-width: 1023px) {
	.p-spMenu .pika-nav-cta a {
		display: block;
		background: var(--pika-blue) !important;
		color: var(--pika-white) !important;
		text-align: center;
		border-radius: 50px;
		padding: 14px 24px !important;
		margin: 12px 16px;
		font-weight: 600;
	}
}

/* ===== 下層ページ タイトル非表示（コンテンツ内にヘッダーがあるため） ===== */
.page:not(.home) .l-mainContent__inner > .post_content > .pika-page-header:first-child {
	margin-top: -20px;
}

/* 下層ページのタイトル非表示 */
.page .l-mainContent .c-pageTitle {
	display: none;
}

/* ===== フェードインアニメーション ===== */
.pika-fade-in {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94),
	            transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.pika-fade-in.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* カードは少し遅延をつけて順番にフェードイン */
.pika-service-cards .pika-service-card.pika-fade-in:nth-child(2) {
	transition-delay: 0.1s;
}
.pika-service-cards .pika-service-card.pika-fade-in:nth-child(3) {
	transition-delay: 0.2s;
}

/* ===== スマホ追従CTA ===== */
.pika-sp-fixed-cta {
	display: none;
}

@media (max-width: 767px) {
	.pika-sp-fixed-cta {
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;
		background: rgba(255, 255, 255, 0.96);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		padding: 10px 16px;
		gap: 10px;
		box-shadow: 0 -2px 16px rgba(44, 62, 80, 0.1);
		justify-content: center;
		align-items: center;
	}

	.pika-sp-fixed-cta a {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		border-radius: 50px;
		padding: 13px 8px;
		font-size: 0.85rem;
		font-weight: 700;
		text-decoration: none;
		letter-spacing: 0.04em;
		min-height: 48px;
	}

	.pika-sp-fixed-cta .pika-sp-cta-web {
		background: var(--pika-blue);
		color: #fff;
		box-shadow: 0 2px 8px rgba(123, 181, 211, 0.35);
	}

	.pika-sp-fixed-cta .pika-sp-cta-tel {
		background: #fff;
		color: var(--pika-navy);
		border: 2px solid var(--pika-border);
	}

	/* 追従CTAの分だけbodyに余白 */
	body {
		padding-bottom: 72px;
	}
}

/* ===== 医院紹介セクション画像 ===== */
.pika-about-image img {
	border-radius: var(--pika-radius-lg);
	box-shadow: var(--pika-shadow);
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
	transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.pika-about-image img:hover {
	transform: scale(1.02);
	box-shadow: var(--pika-shadow-hover);
}

/* アクセスセクション 外観画像 */
.pika-exterior-image img {
	border-radius: var(--pika-radius-lg);
	box-shadow: var(--pika-shadow);
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
	margin-bottom: 24px;
}

/* 診療内容ページ 画像 */
.pika-service-detail-image {
	margin-top: 24px !important;
	margin-bottom: 8px !important;
}

.pika-service-detail-image img {
	border-radius: var(--pika-radius-lg) !important;
	box-shadow: var(--pika-shadow);
	width: 100%;
	max-height: 400px;
	object-fit: cover;
}