/* =========================================================
   水野防災研究所 リニューアル共通CSS
   File: kiki-renewal.css
========================================================= */

:root {
	--kiki-navy: #0d3553;
	--kiki-navy-dark: #08263c;
	--kiki-blue: #276d98;
	--kiki-blue-light: #eaf3f8;
	--kiki-yellow: #f4cb32;
	--kiki-yellow-soft: #fff7cf;
	--kiki-ink: #1d2b36;
	--kiki-muted: #667681;
	--kiki-line: #d8e1e7;
	--kiki-paper: #ffffff;
	--kiki-bg: #f5f7f9;
	--kiki-danger: #a83b32;
	--kiki-radius: 18px;
	--kiki-shadow: 0 18px 45px rgba(13, 53, 83, 0.11);
	--kiki-content: 1160px;
	--kiki-reading: 840px;
	--kiki-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--kiki-bg);
	color: var(--kiki-ink);
	font-family: var(--kiki-font);
	font-size: 16px;
	line-height: 1.8;
	-webkit-font-smoothing: antialiased;
}

body,
body * {
	box-sizing: border-box;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--kiki-blue);
	text-underline-offset: 0.18em;
}

a:hover {
	color: var(--kiki-navy);
}

/* =========================================================
   既存テーマの基本レイアウトを整理
========================================================= */

#header {
	position: relative;
	z-index: 1000;
	border-bottom: 1px solid var(--kiki-line);
	background: rgba(255, 255, 255, 0.98);
	box-shadow: 0 5px 22px rgba(13, 53, 83, 0.06);
}

.header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	width: min(100% - 40px, var(--kiki-content));
	max-width: var(--kiki-content);
	margin: 0 auto;
	padding: 13px 0;
	overflow: visible;
}

.logo,
.home .logo {
	display: block !important;
	float: none;
	width: min(430px, 48vw);
	margin: 0;
	padding: 0;
}

.logo img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 70px;
}

.contact,
.home .contact {
	display: block !important;
	float: none;
	position: static;
	margin: 0;
	padding: 0;
}

.contact img {
	max-height: 54px;
	width: auto;
}

#nav,
.home #nav {
	margin: 0;
	padding: 0;
	border: 0;
	background: var(--kiki-navy);
}

#nav.fixed {
	box-shadow: 0 7px 24px rgba(5, 28, 45, 0.18);
}

.nav-inner {
	width: min(100% - 40px, var(--kiki-content));
	max-width: var(--kiki-content);
	margin: 0 auto;
}

#nav ul {
	margin: 0;
	padding: 0;
}

.nav-menu {
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
}

.nav-menu li {
	display: block;
	margin: 0;
}

.nav-menu li a {
	display: flex;
	align-items: center;
	height: 52px;
	padding: 0 17px;
	border-right: 1px solid rgba(255, 255, 255, 0.10);
	background: transparent;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.nav-menu li:first-child a {
	border-left: 1px solid rgba(255, 255, 255, 0.10);
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a,
.nav-menu .current-post-ancestor > a {
	background: var(--kiki-yellow);
	color: var(--kiki-navy-dark);
}

.nav-menu .sub-menu,
.nav-menu .children {
	min-width: 230px;
	border-radius: 0 0 10px 10px;
	background: var(--kiki-navy-dark);
	box-shadow: var(--kiki-shadow);
	overflow: hidden;
}

.nav-menu .sub-menu a,
.nav-menu .children a {
	width: 100%;
	height: auto;
	padding: 13px 16px;
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

body.home .head_pc,
body.home .head_mobile,
body.home .sticky-title,
body.home .w_title,
body.home .w_title_sp {
	display: none !important;
}

.wrapper,
body:not(.home) .wrapper {
	width: min(100% - 40px, var(--kiki-content));
	max-width: var(--kiki-content);
	margin: 0 auto;
	padding: 42px 0 80px;
}

body.home .wrapper,
body.home #main {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.breadcrumbs-inner {
	width: min(100% - 40px, var(--kiki-content));
	max-width: var(--kiki-content);
	margin: 0 auto;
	padding: 12px 0;
	color: var(--kiki-muted);
	font-size: 13px;
}

.breadcrumbs a {
	color: var(--kiki-blue);
	text-decoration: none;
}

.pankuzu_arrow {
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent var(--kiki-yellow);
}

.pagetitle {
	display: none;
}

/* =========================================================
   共通ページ
========================================================= */

.kiki-page {
	color: var(--kiki-ink);
	font-family: var(--kiki-font);
}

.kiki-page p {
	margin: 0;
	padding: 0;
	color: var(--kiki-ink);
	font-size: 1rem;
	line-height: 1.95;
}

.kiki-page p + p {
	margin-top: 1.15em;
}

.kiki-container {
	width: min(100% - 40px, var(--kiki-content));
	margin: 0 auto;
}

.kiki-reading {
	width: min(100%, var(--kiki-reading));
	margin-right: auto;
	margin-left: auto;
}

.kiki-section {
	padding: 84px 0;
}

.kiki-section--white {
	background: var(--kiki-paper);
}

.kiki-section--soft {
	background: var(--kiki-blue-light);
}

.kiki-section--navy {
	background: var(--kiki-navy);
	color: #fff;
}

.kiki-section-head {
	max-width: 740px;
	margin: 0 auto 42px;
	text-align: center;
}

.kiki-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	color: var(--kiki-blue);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.kiki-kicker::before {
	width: 28px;
	height: 3px;
	border-radius: 99px;
	background: var(--kiki-yellow);
	content: "";
}

.kiki-section-title,
.kiki-page h2.kiki-section-title {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--kiki-navy-dark);
	font-size: clamp(24px, 4vw, 32px);
	font-weight: 800;
	letter-spacing: 0.02em;
	line-height: 1.35;
}

.kiki-section-lead {
	margin-top: 16px !important;
	color: var(--kiki-muted) !important;
	font-size: 1.04rem !important;
}

.kiki-button-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
}

.kiki-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 54px;
	padding: 12px 25px;
	border: 2px solid var(--kiki-navy);
	border-radius: 999px;
	background: var(--kiki-navy);
	color: #fff !important;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.4;
	text-align: center;
	text-decoration: none !important;
	box-shadow: 0 10px 24px rgba(13, 53, 83, 0.16);
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.kiki-button:hover {
	transform: translateY(-2px);
	background: var(--kiki-navy-dark);
	box-shadow: 0 14px 30px rgba(13, 53, 83, 0.22);
}

.kiki-button--yellow {
	border-color: var(--kiki-yellow);
	background: var(--kiki-yellow);
	color: var(--kiki-navy-dark) !important;
}

.kiki-button--yellow:hover {
	background: #e4b916;
}

.kiki-button--outline {
	border-color: rgba(255, 255, 255, 0.65);
	background: transparent;
	color: #fff !important;
	box-shadow: none;
}

.kiki-button--outline:hover {
	border-color: #fff;
	background: rgba(255, 255, 255, 0.10);
}

.kiki-text-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--kiki-blue) !important;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none !important;
}

.kiki-text-link:hover {
	gap: 12px;
}

/* =========================================================
   HOME ヒーロー
========================================================= */

.kiki-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 10% 20%, rgba(244, 203, 50, 0.22), transparent 29%),
		linear-gradient(130deg, #08263c 0%, #0d3553 55%, #174f72 100%);
	color: #fff;
}

.kiki-hero::after {
	position: absolute;
	right: -120px;
	bottom: -180px;
	width: 480px;
	height: 480px;
	border: 80px solid rgba(255, 255, 255, 0.035);
	border-radius: 50%;
	content: "";
}

.kiki-hero__inner {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
	align-items: center;
	gap: clamp(40px, 6vw, 88px);
	min-height: 620px;
	padding: 72px 0;
}

.kiki-hero__badge {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 20px;
	padding: 7px 14px;
	border: 1px solid rgba(255, 255, 255, 0.26);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.09);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.kiki-hero__badge::before {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--kiki-yellow);
	box-shadow: 0 0 0 5px rgba(244, 203, 50, 0.16);
	content: "";
}

.kiki-hero h1 {
	margin: 0;
	padding: 0;
	border: 0;
	color: #fff;
	font-size: clamp(34px, 11vw, 48px);
	font-weight: 900;
	letter-spacing: 0.02em;
	line-height: 1.23;
	text-shadow: 0 4px 20px rgba(0, 0, 0, 0.16);
}

.kiki-hero__lead {
	max-width: 690px;
	margin-top: 24px !important;
	color: rgba(255, 255, 255, 0.90) !important;
	font-size: clamp(16px, 1.7vw, 19px) !important;
	font-weight: 500;
	line-height: 1.9 !important;
}

.kiki-hero .kiki-button-row {
	margin-top: 32px;
}

.kiki-hero__media {
	position: relative;
}

.kiki-hero__photo {
	position: relative;
	z-index: 2;
	overflow: hidden;
	aspect-ratio: 4 / 5;
	border: 8px solid rgba(255, 255, 255, 0.16);
	border-radius: 30px 30px 90px 30px;
	background: #fff;
	box-shadow: 0 30px 70px rgba(0, 0, 0, 0.28);
}

.kiki-hero__photo img {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	object-fit: cover;
}

.kiki-hero__caption {
	position: absolute;
	right: -10px;
	bottom: 28px;
	z-index: 3;
	max-width: 260px;
	padding: 17px 20px;
	border-left: 5px solid var(--kiki-yellow);
	border-radius: 12px;
	background: #fff;
	color: var(--kiki-navy-dark);
	box-shadow: var(--kiki-shadow);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.65;
}

.kiki-hero__caption strong {
	display: block;
	font-size: 18px;
}

.kiki-proof {
	position: relative;
	z-index: 4;
	margin-top: -34px;
}

.kiki-proof__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	overflow: hidden;
	border-radius: var(--kiki-radius);
	background: #fff;
	box-shadow: var(--kiki-shadow);
}

.kiki-proof__item {
	padding: 27px 30px;
	border-right: 1px solid var(--kiki-line);
}

.kiki-proof__item:last-child {
	border-right: 0;
}

.kiki-proof__item span {
	display: block;
	margin-bottom: 7px;
	color: var(--kiki-blue);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.kiki-proof__item strong {
	display: block;
	color: var(--kiki-navy-dark);
	font-size: 17px;
	line-height: 1.55;
}

/* =========================================================
   お知らせ
========================================================= */

.kiki-news-band {
	padding: 62px 0 26px;
	background: var(--kiki-bg);
}

.kiki-news-box {
	display: grid;
	grid-template-columns: 170px minmax(0, 1fr);
	gap: 28px;
	padding: 24px 30px;
	border: 1px solid var(--kiki-line);
	border-radius: 14px;
	background: #fff;
}

.kiki-news-box__title {
	display: flex;
	align-items: center;
	gap: 11px;
	margin: 0;
	color: var(--kiki-navy-dark);
	font-size: 18px;
	font-weight: 800;
}

.kiki-news-box__title::before {
	width: 12px;
	height: 12px;
	border-radius: 3px;
	background: var(--kiki-yellow);
	content: "";
	transform: rotate(45deg);
}

.kiki-news-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.kiki-news-list li {
	display: grid;
	grid-template-columns: 100px minmax(0, 1fr);
	gap: 18px;
	padding: 9px 0;
	border-bottom: 1px dotted var(--kiki-line);
}

.kiki-news-list li:last-child {
	border-bottom: 0;
}

.kiki-news-list time {
	color: var(--kiki-muted);
	font-size: 13px;
	font-weight: 700;
}

.kiki-news-list a {
	color: var(--kiki-ink);
	font-weight: 700;
	text-decoration: none;
}

.kiki-news-list a:hover {
	color: var(--kiki-blue);
	text-decoration: underline;
}

/* =========================================================
   サービス
========================================================= */

.kiki-service-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.kiki-service-card {
	position: relative;
	overflow: hidden;
	min-height: 320px;
	padding: 30px 26px;
	border: 1px solid var(--kiki-line);
	border-radius: var(--kiki-radius);
	background: #fff;
	box-shadow: 0 11px 30px rgba(13, 53, 83, 0.07);
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.kiki-service-card:hover {
	transform: translateY(-5px);
	box-shadow: var(--kiki-shadow);
}

.kiki-service-card::after {
	position: absolute;
	right: -30px;
	bottom: -55px;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background: var(--kiki-blue-light);
	content: "";
}

.kiki-service-card__icon {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	margin-bottom: 23px;
	border-radius: 16px;
	background: var(--kiki-navy);
	color: var(--kiki-yellow);
	font-size: 25px;
	font-weight: 900;
}

.kiki-service-card h3 {
	margin: 0 0 13px;
	padding: 0;
	border: 0;
	color: var(--kiki-navy-dark);
	font-size: 20px;
	font-weight: 800;
	line-height: 1.5;
}

.kiki-service-card p {
	color: var(--kiki-muted);
	font-size: 14px;
	line-height: 1.85;
}

/* =========================================================
   代表紹介
========================================================= */

.kiki-about-grid {
	display: grid;
	grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr);
	align-items: center;
	gap: clamp(42px, 7vw, 90px);
}

.kiki-about-photo {
	position: relative;
}

.kiki-about-photo img {
	display: block;
	width: 100%;
	padding: 0;
	border-radius: 26px;
	box-shadow: var(--kiki-shadow);
}

.kiki-about-photo::before {
	position: absolute;
	top: -18px;
	left: -18px;
	z-index: -1;
	width: 65%;
	height: 65%;
	border-radius: 20px;
	background: var(--kiki-yellow);
	content: "";
}

.kiki-about-copy h2 {
	margin: 0 0 23px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--kiki-navy-dark);
	font-size: clamp(24px, 4vw, 32px);
	font-weight: 800;
	line-height: 1.4;
}

.kiki-about-name {
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin-top: 24px;
	color: var(--kiki-navy-dark);
}

.kiki-about-name strong {
	font-size: 25px;
}

.kiki-about-points {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 27px 0 30px;
	padding: 0;
	list-style: none;
}

.kiki-about-points li {
	position: relative;
	padding: 14px 15px 14px 42px;
	border-radius: 10px;
	background: var(--kiki-blue-light);
	color: var(--kiki-navy-dark);
	font-size: 14px;
	font-weight: 700;
}

.kiki-about-points li::before {
	position: absolute;
	top: 50%;
	left: 17px;
	width: 12px;
	height: 7px;
	border-bottom: 3px solid var(--kiki-blue);
	border-left: 3px solid var(--kiki-blue);
	content: "";
	transform: translateY(-68%) rotate(-45deg);
}

/* =========================================================
   災害テーマ
========================================================= */

.kiki-topic-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.kiki-topic-card {
	overflow: hidden;
	border-radius: var(--kiki-radius);
	background: #fff;
	box-shadow: 0 12px 32px rgba(13, 53, 83, 0.09);
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.kiki-topic-card:hover {
	transform: translateY(-5px);
	box-shadow: var(--kiki-shadow);
}

.kiki-topic-card > a {
	display: block;
	color: inherit;
	text-decoration: none;
}

.kiki-topic-card__image {
	overflow: hidden;
	aspect-ratio: 16 / 10;
	background: var(--kiki-blue-light);
}

.kiki-topic-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	object-fit: cover;
	transition: transform 0.35s ease;
}

.kiki-topic-card:hover img {
	transform: scale(1.045);
}

.kiki-topic-card__body {
	padding: 23px 22px 25px;
}

.kiki-topic-card h3 {
	margin: 0 0 9px;
	padding: 0;
	border: 0;
	color: var(--kiki-navy-dark);
	font-size: 20px;
	font-weight: 800;
}

.kiki-topic-card p {
	color: var(--kiki-muted);
	font-size: 14px;
	line-height: 1.75;
}

/* =========================================================
   ブログカード・一覧
========================================================= */

.kiki-post-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
}

.kiki-post-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--kiki-line);
	border-radius: var(--kiki-radius);
	background: #fff;
	box-shadow: 0 10px 28px rgba(13, 53, 83, 0.07);
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.kiki-post-card:hover {
	transform: translateY(-5px);
	box-shadow: var(--kiki-shadow);
}

.kiki-post-card__image {
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	background: var(--kiki-blue-light);
	text-decoration: none;
}

.kiki-post-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	object-fit: cover;
	transition: transform 0.35s ease;
}

.kiki-post-card:hover .kiki-post-card__image img {
	transform: scale(1.04);
}

.kiki-post-card__placeholder {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	background:
		linear-gradient(135deg, rgba(244, 203, 50, 0.28), transparent),
		var(--kiki-navy);
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.kiki-post-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 23px 23px 25px;
}

.kiki-post-card__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin-bottom: 12px;
	color: var(--kiki-muted);
	font-size: 12px;
	font-weight: 700;
}

.kiki-post-card__meta span {
	padding: 3px 9px;
	border-radius: 999px;
	background: var(--kiki-yellow-soft);
	color: #6c5600;
}

.kiki-post-card h3 {
	margin: 0 0 12px;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 19px;
	font-weight: 800;
	line-height: 1.55;
}

.kiki-post-card h3 a {
	color: var(--kiki-navy-dark);
	text-decoration: none;
}

.kiki-post-card h3 a:hover {
	color: var(--kiki-blue);
}

.kiki-post-card p {
	margin-bottom: 18px;
	color: var(--kiki-muted);
	font-size: 14px;
	line-height: 1.8;
}

.kiki-post-card .kiki-text-link {
	margin-top: auto;
}

.kiki-blog-list {
	padding: 0 0 30px;
}

.kiki-blog-filter {
	display: grid;
	grid-template-columns: minmax(220px, 1fr) minmax(220px, 0.75fr) auto auto;
	align-items: end;
	gap: 14px;
	margin-bottom: 38px;
	padding: 22px;
	border: 1px solid var(--kiki-line);
	border-radius: 14px;
	background: #fff;
}

.kiki-blog-filter label {
	display: grid;
	gap: 7px;
}

.kiki-blog-filter label > span {
	color: var(--kiki-navy-dark);
	font-size: 13px;
	font-weight: 800;
}

.kiki-blog-filter input,
.kiki-blog-filter select {
	width: 100%;
	height: 48px;
	padding: 0 13px;
	border: 1px solid #bfcdd6;
	border-radius: 8px;
	background: #fff;
	color: var(--kiki-ink);
	font-family: inherit;
	font-size: 15px;
}

.kiki-blog-filter input:focus,
.kiki-blog-filter select:focus {
	border-color: var(--kiki-blue);
	outline: 3px solid rgba(39, 109, 152, 0.14);
}

.kiki-blog-filter button,
.kiki-filter-reset {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 20px;
	border: 0;
	border-radius: 8px;
	background: var(--kiki-navy);
	color: #fff !important;
	font-family: inherit;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none !important;
	cursor: pointer;
}

.kiki-filter-reset {
	border: 1px solid var(--kiki-line);
	background: #fff;
	color: var(--kiki-muted) !important;
}

.kiki-pagination {
	margin-top: 46px;
}

.kiki-pagination .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.kiki-pagination .page-numbers a,
.kiki-pagination .page-numbers span {
	display: grid;
	place-items: center;
	min-width: 42px;
	height: 42px;
	padding: 0 12px;
	border: 1px solid var(--kiki-line);
	border-radius: 8px;
	background: #fff;
	color: var(--kiki-navy-dark);
	font-weight: 800;
	text-decoration: none;
}

.kiki-pagination .page-numbers .current,
.kiki-pagination .page-numbers a:hover {
	border-color: var(--kiki-navy);
	background: var(--kiki-navy);
	color: #fff;
}

.kiki-empty {
	padding: 24px !important;
	border-radius: 10px;
	background: var(--kiki-blue-light);
	text-align: center;
}

/* =========================================================
   HOME 防災意識・詳細
========================================================= */

.kiki-message-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
	align-items: center;
	gap: 56px;
}

.kiki-message-copy h2 {
	margin: 0 0 22px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--kiki-navy-dark);
	font-size: clamp(24px, 4vw, 32px);
	font-weight: 800;
	line-height: 1.45;
}

.kiki-message-copy blockquote {
	margin: 27px 0;
	padding: 18px 22px;
	border: 0;
	border-left: 6px solid var(--kiki-yellow);
	background: var(--kiki-yellow-soft);
	color: var(--kiki-navy-dark);
	font-size: 19px;
	font-weight: 800;
	line-height: 1.75;
}

.kiki-message-image img {
	display: block;
	width: 100%;
	padding: 0;
	border-radius: 24px;
	box-shadow: var(--kiki-shadow);
}

.kiki-history-details {
	margin-top: 34px;
	border: 1px solid var(--kiki-line);
	border-radius: 14px;
	background: #fff;
}

.kiki-history-details summary {
	position: relative;
	padding: 19px 58px 19px 22px;
	color: var(--kiki-navy-dark);
	font-weight: 800;
	cursor: pointer;
	list-style: none;
}

.kiki-history-details summary::-webkit-details-marker {
	display: none;
}

.kiki-history-details summary::after {
	position: absolute;
	top: 50%;
	right: 22px;
	width: 12px;
	height: 12px;
	border-right: 3px solid var(--kiki-blue);
	border-bottom: 3px solid var(--kiki-blue);
	content: "";
	transform: translateY(-70%) rotate(45deg);
	transition: transform 0.2s ease;
}

.kiki-history-details[open] summary::after {
	transform: translateY(-25%) rotate(225deg);
}

.kiki-history-details__body {
	padding: 4px 24px 28px;
	border-top: 1px solid var(--kiki-line);
}

.kiki-history-details__body img {
	display: block;
	width: 100%;
	margin: 26px 0;
	padding: 0;
	border-radius: 12px;
}

/* =========================================================
   CTA
========================================================= */

.kiki-cta {
	position: relative;
	overflow: hidden;
	padding: 76px 0;
	background: var(--kiki-navy);
	color: #fff;
}

.kiki-cta::before {
	position: absolute;
	top: -160px;
	left: -130px;
	width: 420px;
	height: 420px;
	border: 70px solid rgba(255, 255, 255, 0.035);
	border-radius: 50%;
	content: "";
}

.kiki-cta__inner {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 45px;
}

.kiki-cta h2 {
	margin: 0 0 14px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
	font-size: clamp(24px, 4vw, 32px);
	font-weight: 800;
	line-height: 1.4;
}

.kiki-cta p {
	max-width: 730px;
	color: rgba(255, 255, 255, 0.82);
}

/* =========================================================
   固定ページ本文
========================================================= */

.kiki-content-page {
	width: min(100%, var(--kiki-reading));
	margin: 0 auto;
	padding: 4px 0 20px;
}

.kiki-content-page > h2:first-child,
.kiki-content-page h2.standard03:first-child {
	position: relative;
	margin: 0 0 38px;
	padding: 23px 28px 23px 32px;
	border: 0;
	border-left: 8px solid var(--kiki-yellow);
	border-radius: 0 14px 14px 0;
	background: var(--kiki-navy);
	color: #fff;
	font-size: clamp(26px, 4vw, 38px);
	font-weight: 800;
	line-height: 1.4;
}

.kiki-content-page h2.standard02,
.kiki-content-page h2:not(:first-child) {
	margin: 60px 0 25px;
	padding: 0 0 13px;
	border: 0;
	border-bottom: 3px solid var(--kiki-navy);
	background: transparent;
	color: var(--kiki-navy-dark);
	font-size: clamp(24px, 3vw, 31px);
	font-weight: 800;
	line-height: 1.45;
}

.kiki-content-page h3.standard01,
.kiki-content-page h3.standard05,
.kiki-content-page h3 {
	margin: 48px 0 21px;
	padding: 13px 17px;
	border: 0;
	border-left: 6px solid var(--kiki-yellow);
	border-radius: 0 8px 8px 0;
	background: var(--kiki-blue-light);
	color: var(--kiki-navy-dark);
	font-size: clamp(16px, 2vw, 20px);
	font-weight: 800;
	line-height: 1.55;
}

.kiki-content-page h3.standard01::before,
.kiki-content-page h3.standard01::after,
.kiki-content-page h3.standard05::before,
.kiki-content-page h3.standard05::after,
.kiki-content-page h3::before,
.kiki-content-page h3::after {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	content: none !important;
}

.kiki-content-page h4.standard02,
.kiki-content-page h4 {
	display: block;
	margin: 35px 0 13px;
	padding: 0 0 8px;
	border: 0;
	border-bottom: 1px solid var(--kiki-line);
	background: transparent;
	color: var(--kiki-navy-dark);
	font-size: 19px;
	font-weight: 800;
}

.kiki-content-page .floatR {
	float: right;
	max-width: 340px;
	margin: 0 0 30px 38px;
}

.kiki-content-page .floatR img,
.kiki-content-page .center img {
	padding: 0;
	border-radius: 14px;
	box-shadow: 0 10px 28px rgba(13, 53, 83, 0.10);
}

.kiki-content-page .hyou1,
.kiki-content-page .waku1_ccc {
	overflow: hidden;
	margin: 28px 0;
	border: 1px solid var(--kiki-line);
	border-radius: 14px;
	background: #fff;
}

.kiki-content-page .waku1_ccc {
	padding: 24px 26px;
}

.kiki-content-page .hyou1 dl {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	margin: 0;
}

.kiki-content-page .hyou1 dt,
.kiki-content-page .hyou1 dd {
	margin: 0;
	padding: 16px 19px;
	border-bottom: 1px solid var(--kiki-line);
}

.kiki-content-page .hyou1 dt {
	background: var(--kiki-blue-light);
	color: var(--kiki-navy-dark);
	font-weight: 800;
}

.kiki-content-page .hyou1 dd {
	background: #fff;
}

.kiki-content-page .hyou1 dt:last-of-type,
.kiki-content-page .hyou1 dd:last-of-type {
	border-bottom: 0;
}

.kiki-content-page .flow_design03 {
	margin: 0;
}

.kiki-content-page .flow03 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.kiki-content-page .flow03 > li {
	position: relative;
	margin: 0;
	padding: 0 0 18px 34px;
	list-style: none;
}

.kiki-content-page .flow03 > li::before {
	position: absolute;
	top: 21px;
	left: 5px;
	z-index: 2;
	width: 14px;
	height: 14px;
	border: 4px solid #fff;
	border-radius: 50%;
	background: var(--kiki-yellow);
	box-shadow: 0 0 0 2px var(--kiki-blue);
	content: "";
}

.kiki-content-page .flow03 > li::after {
	position: absolute;
	top: 33px;
	bottom: -5px;
	left: 12px;
	width: 2px;
	background: var(--kiki-line);
	content: "";
}

.kiki-content-page .flow03 > li:last-child::after {
	display: none;
}

.kiki-content-page .flow03 dl {
	display: grid;
	grid-template-columns: 170px minmax(0, 1fr);
	margin: 0;
	overflow: hidden;
	border: 1px solid var(--kiki-line);
	border-radius: 10px;
	background: #fff;
}

.kiki-content-page .flow03 dt,
.kiki-content-page .flow03 dd {
	margin: 0;
	padding: 15px 17px;
}

.kiki-content-page .flow03 dt {
	background: var(--kiki-blue-light);
	color: var(--kiki-navy-dark);
	font-weight: 800;
}

.kiki-content-page .scroll {
	overflow-x: auto;
	margin: 25px 0;
	border-radius: 12px;
	box-shadow: 0 5px 18px rgba(13, 53, 83, 0.07);
	-webkit-overflow-scrolling: touch;
}

.kiki-content-page table {
	width: 100%;
	min-width: 680px;
	margin: 0;
	border-collapse: collapse;
	background: #fff;
	font-size: 14px;
}

.kiki-content-page table th,
.kiki-content-page table td {
	padding: 11px 12px;
	border: 1px solid var(--kiki-line);
	text-align: center;
}

.kiki-content-page table th {
	background: var(--kiki-navy);
	color: #fff;
	font-weight: 800;
}

.kiki-content-page table tr:nth-child(even) td,
.kiki-content-page table tr:nth-child(even) th[scope="row"] {
	background: #f6f9fb;
}

.kiki-content-page .right {
	text-align: right;
}

/* =========================================================
   お問い合わせフォーム
========================================================= */

.kiki-contact-intro {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	align-items: center;
	gap: 36px;
	margin-bottom: 35px;
}

.kiki-contact-intro img {
	width: 100%;
	padding: 0;
	border-radius: 16px;
	box-shadow: var(--kiki-shadow);
}

.kiki-contact-note {
	margin: 26px 0 !important;
	padding: 18px 20px !important;
	border-left: 5px solid var(--kiki-yellow);
	border-radius: 0 10px 10px 0;
	background: var(--kiki-yellow-soft);
}

.kiki-content-page .wpcf7 {
	margin-top: 30px;
	padding: 30px;
	border: 1px solid var(--kiki-line);
	border-radius: 16px;
	background: #fff;
}

.kiki-content-page .wpcf7 p {
	margin: 0 0 24px;
	padding: 0;
}

.kiki-content-page .wpcf7 label {
	color: var(--kiki-navy-dark);
	font-weight: 800;
}

.kiki-content-page .wpcf7 input[type="text"],
.kiki-content-page .wpcf7 input[type="email"],
.kiki-content-page .wpcf7 input[type="tel"],
.kiki-content-page .wpcf7 input[type="url"],
.kiki-content-page .wpcf7 input[type="number"],
.kiki-content-page .wpcf7 select,
.kiki-content-page .wpcf7 textarea {
	width: 100%;
	max-width: 100%;
	margin-top: 8px;
	padding: 12px 14px;
	border: 1px solid #b9c8d2 !important;
	border-radius: 8px;
	background: #fff !important;
	color: var(--kiki-ink);
	font-family: inherit;
	font-size: 16px;
	line-height: 1.6;
	box-shadow: none;
}

.kiki-content-page .wpcf7 textarea {
	min-height: 190px;
	resize: vertical;
}

.kiki-content-page .wpcf7 input:focus,
.kiki-content-page .wpcf7 select:focus,
.kiki-content-page .wpcf7 textarea:focus {
	border-color: var(--kiki-blue) !important;
	outline: 3px solid rgba(39, 109, 152, 0.15);
}

.kiki-content-page .wpcf7 input[type="submit"],
#main .kiki-content-page .wpcf7-form input[type="submit"] {
	display: block;
	width: min(100%, 300px);
	height: auto !important;
	min-height: 58px;
	margin: 42px auto 10px;
	padding: 14px 26px !important;
	border: 0;
	border-radius: 999px;
	background: var(--kiki-navy) !important;
	color: #fff;
	font-family: inherit;
	font-size: 16px;
	font-weight: 800;
	cursor: pointer;
	box-shadow: 0 11px 26px rgba(13, 53, 83, 0.18);
}

.kiki-content-page .wpcf7 input[type="submit"]:hover {
	background: var(--kiki-navy-dark) !important;
}

/* =========================================================
   ブログ記事本文・既存アーカイブ
========================================================= */

.single-contents {
	width: min(100%, var(--kiki-reading));
	margin: 0 auto 70px;
	padding: 34px clamp(20px, 4vw, 48px) 48px;
	border: 1px solid var(--kiki-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(13, 53, 83, 0.06);
}

.blog-title {
	margin: 0 0 18px;
	padding: 0 0 19px;
	border-bottom: 3px solid var(--kiki-navy);
	background: transparent;
	color: var(--kiki-navy-dark);
	font-size: clamp(27px, 4vw, 39px);
	font-weight: 800;
	line-height: 1.45;
}

.single-contents p {
	padding: 0;
	color: var(--kiki-ink);
	font-size: 1rem;
	line-height: 2;
}

.single-contents p + p {
	margin-top: 1.25em;
}

.single-contents h2 {
	margin: 55px 0 23px;
	padding: 15px 18px;
	border: 0;
	border-left: 7px solid var(--kiki-yellow);
	border-radius: 0 9px 9px 0;
	background: var(--kiki-blue-light);
	color: var(--kiki-navy-dark);
	font-size: clamp(23px, 3vw, 30px) !important;
	font-weight: 800;
	line-height: 1.5;
}

.single-contents h2::before {
	display: none;
}

.single-contents h3 {
	margin: 43px 0 18px;
	padding: 0 0 10px;
	border: 0;
	border-bottom: 2px solid var(--kiki-line);
	background: transparent;
	color: var(--kiki-navy-dark);
	font-size: clamp(20px, 2.5vw, 25px);
	font-weight: 800;
}

.single-contents h4,
.single-contents h5,
.single-contents h6 {
	display: block;
	margin: 35px 0 14px !important;
	padding: 0;
	border: 0;
	color: var(--kiki-navy-dark);
	font-weight: 800;
}

.single-contents img {
	display: block;
	max-width: 100%;
	margin: 26px auto;
	padding: 0;
	border-radius: 12px;
}

h2.archive-title a {
	margin: 0;
	padding: 0;
	background: transparent;
	color: var(--kiki-navy-dark);
	font-size: 19px;
	font-weight: 800;
	line-height: 1.55;
}

.archive-date,
.archive-cat {
	color: var(--kiki-muted);
}

.more-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 18px;
	border: 1px solid var(--kiki-navy);
	border-radius: 999px;
	color: var(--kiki-navy) !important;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none !important;
}

.more-link:hover {
	background: var(--kiki-navy);
	color: #fff !important;
}

/* =========================================================
   フッター
========================================================= */

#footer {
	border-top: 1px solid var(--kiki-line);
	background: #fff;
	color: var(--kiki-ink);
}

.foot-wrap {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px;
	width: min(100% - 40px, var(--kiki-content));
	max-width: var(--kiki-content);
	margin: 0 auto;
	padding: 48px 0 38px;
	background: #fff !important;
}

.menu-left,
.menu-center,
.menu-right {
	float: none;
	width: auto;
	padding: 0 !important;
}

#footer .widget-title,
#footer .sidebox .widget-title {
	margin: 0 0 18px;
	padding: 0 0 10px;
	border: 0;
	border-bottom: 2px solid var(--kiki-navy);
	color: var(--kiki-navy-dark);
	font-size: 17px !important;
	font-weight: 800;
}

#footer .widget-title::before,
#footer .widget-title::after,
#footer .sidebox .widget-title::before,
#footer .sidebox .widget-title::after {
	display: none;
}

#footer p,
#footer li,
#footer a {
	font-size: 14px;
	line-height: 1.75;
}

#footer a {
	color: var(--kiki-ink);
}

#copyright {
	margin: 0;
	padding: 15px 20px;
	background: var(--kiki-navy) !important;
	color: rgba(255, 255, 255, 0.86);
	font-size: 13px;
}

#footer #copyright a,
#footer #copyright a:visited {
	color: #fff;
}

.footer_fixed {
	box-shadow: 0 -7px 25px rgba(13, 53, 83, 0.18);
}

.footer_tel {
	background: var(--kiki-yellow);
}

.footer_contact {
	background: var(--kiki-navy);
}

/* =========================================================
   レスポンシブ
========================================================= */

@media (max-width: 1050px) {
	.kiki-service-grid,
	.kiki-topic-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.kiki-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.kiki-hero__inner {
		grid-template-columns: minmax(0, 1fr) 340px;
		min-height: 570px;
	}

	.nav-menu li a {
		padding-right: 12px;
		padding-left: 12px;
		font-size: 13px;
	}
}

@media (max-width: 820px) {
	.header-inner {
		width: min(100% - 28px, var(--kiki-content));
		padding: 10px 0;
	}

	.logo,
	.home .logo {
		width: min(320px, 72vw);
	}

	.contact,
	.home .contact {
		display: none !important;
	}

	body.home .head_mobile {
		display: none !important;
	}

	.wrapper,
	body:not(.home) .wrapper,
	.kiki-container,
	.breadcrumbs-inner,
	.foot-wrap {
		width: min(100% - 30px, var(--kiki-content));
	}

	body:not(.home) .wrapper {
		padding-top: 28px;
	}

	.kiki-section {
		padding: 64px 0;
	}

	.kiki-hero__inner {
		grid-template-columns: 1fr;
		min-height: 0;
		padding: 60px 0 94px;
	}

	.kiki-hero__copy {
		max-width: 680px;
	}

	.kiki-hero__media {
		width: min(100%, 470px);
		margin: 0 auto;
	}

	.kiki-hero__photo {
		aspect-ratio: 5 / 4;
		border-radius: 24px 24px 65px 24px;
	}

	.kiki-hero__caption {
		right: 15px;
		bottom: -24px;
	}

	.kiki-proof__grid {
		grid-template-columns: 1fr;
	}

	.kiki-proof__item {
		padding: 20px 24px;
		border-right: 0;
		border-bottom: 1px solid var(--kiki-line);
	}

	.kiki-proof__item:last-child {
		border-bottom: 0;
	}

	.kiki-news-box {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.kiki-about-grid,
	.kiki-message-grid,
	.kiki-contact-intro {
		grid-template-columns: 1fr;
	}

	.kiki-about-photo {
		width: min(100%, 520px);
		margin: 0 auto;
	}

	.kiki-cta__inner {
		grid-template-columns: 1fr;
	}

	.kiki-blog-filter {
		grid-template-columns: 1fr 1fr;
	}

	.foot-wrap {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 640px) {
	body {
		font-size: 15px;
	}

	.wrapper,
	body:not(.home) .wrapper,
	.kiki-container,
	.breadcrumbs-inner,
	.foot-wrap {
		width: min(100% - 24px, var(--kiki-content));
	}

	.kiki-section {
		padding: 54px 0;
	}

	.kiki-section-head {
		margin-bottom: 30px;
		text-align: left;
	}

	.kiki-section-title,
	.kiki-page h2.kiki-section-title {
		font-size: 28px;
	}

	.kiki-kicker {
		font-size: 11px;
	}

	.kiki-hero__inner {
		padding: 46px 0 76px;
	}

	.kiki-hero h1 {
		font-size: clamp(28px, 8vw, 38px);
	}

	.kiki-hero__lead {
		font-size: 15px !important;
		line-height: 1.85 !important;
	}

	.kiki-hero .kiki-button-row {
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
	}

	.kiki-button {
		width: 100%;
	}

	.kiki-hero__photo {
		aspect-ratio: 4 / 3;
	}

	.kiki-hero__caption {
		position: relative;
		right: auto;
		bottom: auto;
		max-width: none;
		margin: -16px 14px 0;
	}

	.kiki-news-band {
		padding-top: 52px;
	}

	.kiki-news-box {
		padding: 20px;
	}

	.kiki-news-list li {
		grid-template-columns: 1fr;
		gap: 2px;
		padding: 12px 0;
	}

	.kiki-service-grid,
	.kiki-topic-grid,
	.kiki-post-grid {
		grid-template-columns: 1fr;
	}

	.kiki-service-card {
		min-height: 0;
	}

	.kiki-about-points {
		grid-template-columns: 1fr;
	}

	.kiki-blog-filter {
		grid-template-columns: 1fr;
		padding: 18px;
	}

	.kiki-filter-reset,
	.kiki-blog-filter button {
		width: 100%;
	}

	.kiki-message-grid {
		gap: 34px;
	}

	.kiki-cta {
		padding: 58px 0;
	}

	.kiki-content-page > h2:first-child,
	.kiki-content-page h2.standard03:first-child {
		margin-bottom: 28px;
		padding: 18px 19px;
		font-size: 25px;
	}

	.kiki-content-page .floatR {
		float: none;
		max-width: none;
		margin: 0 0 25px;
		text-align: center;
	}

	.kiki-content-page .m_off {
		display: block !important;
	}

	.kiki-content-page .m_off2 {
		display: none !important;
	}

	.kiki-content-page .hyou1 dl,
	.kiki-content-page .flow03 dl {
		grid-template-columns: 1fr;
	}

	.kiki-content-page .hyou1 dt,
	.kiki-content-page .hyou1 dd,
	.kiki-content-page .flow03 dt,
	.kiki-content-page .flow03 dd {
		padding: 13px 15px;
	}

	.kiki-content-page .hyou1 dt,
	.kiki-content-page .flow03 dt {
		border-bottom: 0;
	}

	.kiki-content-page .flow03 > li {
		padding-left: 27px;
	}

	.kiki-content-page .flow03 > li::before {
		left: 0;
	}

	.kiki-content-page .flow03 > li::after {
		left: 7px;
	}

	.kiki-content-page .wpcf7 {
		padding: 20px 17px;
	}

	.single-contents {
		padding: 25px 18px 36px;
		border-radius: 12px;
	}

	.foot-wrap {
		grid-template-columns: 1fr;
		gap: 28px;
		padding: 38px 0 30px;
	}
}

@media (max-width: 480px) {
	.kiki-hero h1 {
		font-size: clamp(24px, 8vw, 34px);
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.kiki-button,
	.kiki-service-card,
	.kiki-topic-card,
	.kiki-post-card,
	.kiki-post-card__image img,
	.kiki-topic-card__image img {
		transition: none;
	}
}


/* =========================================================
   Contact Form 7 入力欄の長さを項目別に調整
   2026-08-02 修正版
========================================================= */

/*
 * Contact Form 7 のフォームタグには次のクラスを付けます。
 *
 * 短い項目：class:kiki-field-s
 * 中程度　：class:kiki-field-m
 * 長い項目：class:kiki-field-l
 * 全幅　　：class:kiki-field-full
 * クイズ　：class:kiki-field-quiz
 */

.kiki-content-page .wpcf7 .kiki-field-s {
	width: 100% !important;
	max-width: 220px !important;
}

.kiki-content-page .wpcf7 .kiki-field-m {
	width: 100% !important;
	max-width: 380px !important;
}

.kiki-content-page .wpcf7 .kiki-field-l {
	width: 100% !important;
	max-width: 600px !important;
}

.kiki-content-page .wpcf7 .kiki-field-full {
	width: 100% !important;
	max-width: 100% !important;
}

.kiki-content-page .wpcf7 .kiki-field-quiz {
	width: 120px !important;
	max-width: 120px !important;
}

/* 現在よく使われるCF7の項目名にも自動対応 */
.kiki-content-page .wpcf7-form-control-wrap[data-name="your-name"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="name"] input {
	width: 100% !important;
	max-width: 380px !important;
}

.kiki-content-page .wpcf7-form-control-wrap[data-name="your-company"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="company"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="company-name"] input {
	width: 100% !important;
	max-width: 600px !important;
}

.kiki-content-page .wpcf7-form-control-wrap[data-name="your-tel"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="tel"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="phone"] input {
	width: 100% !important;
	max-width: 280px !important;
}

.kiki-content-page .wpcf7-form-control-wrap[data-name="your-email"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="email"] input {
	width: 100% !important;
	max-width: 520px !important;
}

.kiki-content-page .wpcf7-form-control-wrap[data-name="zip"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="your-zip"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="postal-code"] input {
	width: 100% !important;
	max-width: 180px !important;
}

.kiki-content-page .wpcf7-form-control-wrap[data-name="pref"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="your-pref"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="prefecture"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="pref"] select,
.kiki-content-page .wpcf7-form-control-wrap[data-name="your-pref"] select,
.kiki-content-page .wpcf7-form-control-wrap[data-name="prefecture"] select {
	width: 100% !important;
	max-width: 220px !important;
}

.kiki-content-page .wpcf7-form-control-wrap[data-name="city"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="your-city"] input {
	width: 100% !important;
	max-width: 380px !important;
}

.kiki-content-page .wpcf7-form-control-wrap[data-name="address"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="your-address"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="addr"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="building"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="your-building"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name="room"] input {
	width: 100% !important;
	max-width: 600px !important;
}

.kiki-content-page .wpcf7-form-control-wrap[data-name="quiz"] input,
.kiki-content-page .wpcf7-form-control-wrap[data-name^="quiz-"] input {
	width: 120px !important;
	max-width: 120px !important;
}

@media (max-width: 640px) {
	.kiki-content-page .wpcf7 .kiki-field-s,
	.kiki-content-page .wpcf7 .kiki-field-m,
	.kiki-content-page .wpcf7 .kiki-field-l,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="your-name"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="name"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="your-company"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="company"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="company-name"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="your-tel"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="tel"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="phone"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="your-email"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="email"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="city"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="your-city"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="address"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="your-address"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="addr"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="building"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="your-building"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="room"] input {
		width: 100% !important;
		max-width: 100% !important;
	}

	.kiki-content-page .wpcf7 .kiki-field-s,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="zip"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="your-zip"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="postal-code"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="pref"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="your-pref"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="prefecture"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="pref"] select,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="your-pref"] select,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="prefecture"] select {
		max-width: 240px !important;
	}

	.kiki-content-page .wpcf7 .kiki-field-quiz,
	.kiki-content-page .wpcf7-form-control-wrap[data-name="quiz"] input,
	.kiki-content-page .wpcf7-form-control-wrap[data-name^="quiz-"] input {
		width: 120px !important;
		max-width: 120px !important;
	}
}


/* =========================================================
   下層ページの横幅拡張・上部タイトル帯の非表示
   ※ユーザー調整済みの文字サイズは変更しない
   2026-08-02
========================================================= */

/* HOME以外に表示されるテーマ側の青いページタイトル帯を消す */
body:not(.home) .head_pc,
body:not(.home) .head_mobile,
body:not(.home) .sticky-title,
body:not(.home) .w_title,
body:not(.home) .w_title_sp,
body:not(.home) .page-header,
body:not(.home) .page-title-area,
body:not(.home) .page-title-wrap,
body:not(.home) .page_title,
body:not(.home) .pageTitle,
body:not(.home) #page-title,
body:not(.home) #page_title {
	display: none !important;
}

/* 下層ページ全体の外枠 */
body:not(.home) .wrapper {
	width: min(calc(100% - 40px), 1160px) !important;
	max-width: 1160px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	padding-top: 34px;
}

/* 固定ページ本文を840pxから1100pxへ拡張 */
.kiki-content-page {
	width: 100% !important;
	max-width: 1100px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/* ブログ一覧はカード3列を広く使う */
.kiki-content-page.kiki-blog-page,
.kiki-blog-page,
.kiki-blog-list {
	max-width: 1160px !important;
}

/* パンくずの左右位置も本文と合わせる */
.breadcrumbs-inner {
	width: min(calc(100% - 40px), 1160px) !important;
	max-width: 1160px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

@media (max-width: 820px) {
	body:not(.home) .wrapper,
	.breadcrumbs-inner {
		width: min(calc(100% - 30px), 1160px) !important;
	}

	body:not(.home) .wrapper {
		padding-top: 28px;
	}

	.kiki-content-page,
	.kiki-content-page.kiki-blog-page,
	.kiki-blog-page,
	.kiki-blog-list {
		width: 100% !important;
		max-width: none !important;
	}
}

@media (max-width: 640px) {
	body:not(.home) .wrapper,
	.breadcrumbs-inner {
		width: min(calc(100% - 24px), 1160px) !important;
	}
}


/* =========================================================
   PC用・スマホ用の重複画像を正しく切り替える
   .m_off  = PC用
   .m_off2 = スマホ用
   ※文字サイズは変更しない
   2026-08-02
========================================================= */

/* PC・タブレット */
.m_off {
	display: block !important;
}

.m_off2 {
	display: none !important;
}

/* スマートフォン */
@media (max-width: 767px) {
	.m_off {
		display: none !important;
	}

	.m_off2 {
		display: block !important;
	}
}


/* =========================================================
   HOME お知らせ欄のテーマ装飾・余分な高さを修正
   ※文字サイズは変更しない
   2026-08-02
========================================================= */

.kiki-news-box {
	align-items: center;
	min-height: 0 !important;
	padding: 18px 26px;
}

/* テーマ側のh2装飾を完全に解除 */
.kiki-news-box .kiki-news-box__title,
.kiki-page .kiki-news-box h2.kiki-news-box__title {
	align-self: center;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	line-height: 1.5;
}

.kiki-news-box .kiki-news-box__title::after,
.kiki-page .kiki-news-box h2.kiki-news-box__title::after {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	content: none !important;
}

/* 黄色のひし形だけ残す */
.kiki-news-box .kiki-news-box__title::before {
	display: block !important;
	flex: 0 0 12px;
	width: 12px !important;
	height: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 3px;
	background: var(--kiki-yellow) !important;
	box-shadow: none !important;
	content: "" !important;
	transform: rotate(45deg);
}

/* ショートコードを囲む不要な段落余白にも対応 */
.kiki-news-box > div,
.kiki-news-box .kiki-news-list,
.kiki-news-box .kiki-news-list ul {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.kiki-news-box .kiki-news-list li {
	align-items: center;
	padding: 7px 0;
}

.kiki-news-box .kiki-news-list li p {
	margin: 0 !important;
	padding: 0 !important;
}

@media (max-width: 640px) {
	.kiki-news-box {
		padding: 18px;
	}

	.kiki-news-box .kiki-news-box__title {
		margin-bottom: 4px !important;
	}
}


/* =========================================================
   HOMEヒーロー写真：スマホで顔を切らず写真全体を表示
   ※PC表示・文字サイズは変更しない
   2026-08-03
========================================================= */

@media (max-width: 767px) {
	.kiki-hero__media {
		width: 100%;
		max-width: 470px;
		margin-right: auto;
		margin-left: auto;
	}

	.kiki-hero__photo {
		overflow: hidden;
		aspect-ratio: auto !important;
		border-radius: 24px 24px 58px 24px;
	}

	.kiki-hero__photo img {
		width: 100% !important;
		height: auto !important;
		max-height: none !important;
		object-fit: contain !important;
		object-position: center top !important;
	}

	.kiki-hero__caption {
		position: relative;
		right: auto;
		bottom: auto;
		max-width: none;
		margin: -14px 14px 0;
	}
}