/* =========================================
   下層ページ（HD）
========================================= */

/* 本文（ブロックエディタ）の基本 */
.hd-page-body{
	padding-bottom:clamp(90px, 12vw, 160px);
}

.hd-page-body .grm-page-content{
	max-width:960px;
}

/* お問い合わせフォーム・プライバシーポリシーは2カラム、サイトマップは大きな一覧のため全幅で使う */
.hd-page-body .grm-page-content:has(.grm-cf-page, .grm-pp-page, .grm-sitemap){
	max-width:none;
}

.site-main :where(.grm-page-content) h2{
	margin:2.4em 0 .9em;
	font-size:clamp(20px, 2vw, 26px);
	font-weight:700;
	line-height:1.6;
}

.site-main :where(.grm-page-content) p{
	font-size:15px;
	font-weight:400;
	line-height:2.1;
}

.site-main :where(.grm-page-content) a:not([class]){
	color:var(--hd-accent);
	text-decoration:underline;
	text-underline-offset:3px;
}

/* ボタンブロック：page.css の .grm-page-content a（文字色 黒）に負けて
   塗りボタンの文字が読めなくなるため、WordPress標準の白に戻す。
   文字色を指定したボタン（has-text-color）と枠線スタイルはそのまま */
.grm-page-content .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color){
	color:#fff;
}

/* ボタンブロックの下線も消す（同じく .grm-page-content a の下線が付くため） */
.grm-page-content .wp-block-button__link{
	text-decoration:none;
}

/* =========================================
   Service
========================================= */
.hd-svc{
	padding-bottom:clamp(60px, 8vw, 120px);
}

.hd-svc__item{
	display:grid;
	grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
	gap:clamp(30px, 5vw, 80px);
	padding-block:clamp(56px, 7vw, 100px);
	border-top:1px solid var(--hd-line);
	scroll-margin-top:100px;
}

.hd-svc__head{
	position:sticky;
	top:120px;
	align-self:start;
}

.hd-svc__no{
	display:inline-grid;
	place-items:center;
	width:56px;
	height:56px;
	border-radius:50%;
	background:
		radial-gradient(circle, var(--hd-paper) 0 12%, var(--hd-accent) 13% 40%, var(--hd-ink) 41%);
	color:transparent;
	font-size:0;
}

.site-main .hd-svc__en{
	margin-top:24px;
	font-family:var(--hd-en);
	font-variation-settings:"SOFT" 50, "WONK" 1;
	font-size:clamp(44px, 6vw, 88px);
	font-weight:400;
	line-height:1;
	letter-spacing:-.03em;
}

.hd-svc__ja{
	margin-top:14px;
	font-size:14px;
	font-weight:700;
	color:var(--hd-accent);
}

.hd-svc__lead{
	font-size:clamp(22px, 2.4vw, 32px);
	font-weight:700;
	line-height:1.6;
}

.hd-svc__text{
	margin-top:24px;
	font-size:15px;
	font-weight:400;
	line-height:2.1;
}

.hd-svc__cols{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:20px;
	margin-top:40px;
}

.hd-svc__cols > div{
	padding:28px;
	border-radius:22px;
	background:var(--hd-white);
}

.site-main .hd-svc__sub{
	margin-bottom:14px;
	font-size:13px;
	font-weight:700;
	color:var(--hd-sub);
}

.hd-svc__cases li{
	position:relative;
	padding:6px 0 6px 22px;
	font-size:14px;
	font-weight:500;
	line-height:1.7;
}

.site-main .hd-svc__cases li::before{
	content:"";
	position:absolute;
	left:0;
	top:.95em;
	width:10px;
	height:10px;
	border-radius:50%;
	background:radial-gradient(circle, var(--hd-white) 0 25%, var(--hd-accent) 26%);
}

.hd-svc__items{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

.hd-svc__items li{
	padding:6px 14px;
	border:1px solid var(--hd-line);
	border-radius:999px;
	font-size:13px;
}

@media (max-width:991px){
	.hd-svc__item{
		grid-template-columns:1fr;
	}
	.hd-svc__head{
		position:static;
	}
	.hd-svc__cols{
		grid-template-columns:1fr;
	}
}

/* Flow */
.hd-flow{
	padding-block:clamp(90px, 12vw, 160px);
	margin:0 clamp(8px, 1.4vw, 20px) clamp(90px, 12vw, 160px);
	background:var(--hd-ink);
	color:#fff;
	border-radius:clamp(28px, 4vw, 56px);
}

.hd-flow .hd-label{
	color:rgba(255,255,255,.7);
}

.site-main .hd-flow__title{
	margin:22px 0 clamp(40px, 6vw, 80px);
	font-family:var(--hd-en);
	font-variation-settings:"SOFT" 50, "WONK" 1;
	font-size:clamp(48px, 7vw, 104px);
	font-weight:400;
	line-height:1;
	letter-spacing:-.03em;
}

.hd-flow__title em{
	font-style:italic;
	color:var(--hd-accent);
}

.hd-flow__list{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:16px;
	counter-reset:none;
}

.hd-flow__list li{
	display:grid;
	gap:8px;
	align-content:start;
	padding:30px;
	border:1px solid rgba(255,255,255,.14);
	border-radius:24px;
}

.hd-flow__no{
	font-family:var(--hd-en);
	font-size:13px;
	color:rgba(255,255,255,.5);
}

.hd-flow__en{
	font-family:var(--hd-en);
	font-style:italic;
	font-size:28px;
	line-height:1.2;
}

.hd-flow__list li:last-child .hd-flow__en{
	color:var(--hd-accent);
}

.hd-flow__ja{
	font-size:14px;
	font-weight:700;
}

.hd-flow__text{
	margin-top:6px;
	font-size:13px;
	font-weight:400;
	line-height:1.9;
	color:rgba(255,255,255,.7);
}

@media (max-width:991px){
	.hd-flow__list{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media (max-width:600px){
	.hd-flow__list{
		grid-template-columns:1fr;
	}
}

/* =========================================
   About
========================================= */
.hd-msg{
	display:grid;
	grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr);
	gap:clamp(30px, 6vw, 100px);
	align-items:start;
	padding-bottom:clamp(90px, 12vw, 160px);
}

.hd-msg__disk{
	position:sticky;
	top:130px;
	width:min(100%, 440px);
}

.hd-msg__title{
	margin:22px 0 40px;
	font-size:clamp(30px, 4vw, 56px);
	font-weight:900;
	line-height:1.45;
	letter-spacing:.04em;
}

.hd-msg__text p{
	font-size:15px;
	font-weight:400;
	line-height:2.2;
}

.hd-msg__text p + p{
	margin-top:1.4em;
}

@media (max-width:767px){
	.hd-msg{
		grid-template-columns:1fr;
	}
	.hd-msg__disk{
		position:static;
		width:60%;
	}
}

.hd-values{
	padding-block:clamp(90px, 12vw, 160px);
	background:var(--hd-white);
	border-radius:clamp(28px, 4vw, 56px);
	margin-inline:clamp(8px, 1.4vw, 20px);
}

.hd-values__list{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:16px;
	margin-top:40px;
}

.hd-values__list li{
	display:grid;
	gap:10px;
	align-content:start;
	padding:clamp(28px, 3vw, 44px);
	border-radius:26px;
	background:var(--hd-paper);
}

.hd-values__no{
	font-family:var(--hd-en);
	font-size:13px;
	color:var(--hd-sub);
}

.hd-values__en{
	font-family:var(--hd-en);
	font-variation-settings:"SOFT" 50, "WONK" 1;
	font-size:clamp(34px, 3.6vw, 52px);
	line-height:1.05;
	letter-spacing:-.02em;
}

.hd-values__list li:last-child .hd-values__en{
	font-style:italic;
	color:var(--hd-accent);
}

.hd-values__ja{
	margin-top:8px;
	font-size:16px;
	font-weight:700;
}

.hd-values__text{
	font-size:14px;
	font-weight:400;
	line-height:2;
}

@media (max-width:991px){
	.hd-values__list{
		grid-template-columns:1fr;
	}
}

.hd-company{
	display:grid;
	grid-template-columns:minmax(0, .7fr) minmax(0, 1.3fr);
	gap:40px;
	padding-block:clamp(90px, 12vw, 160px);
}

.site-main .hd-company__title{
	margin-top:22px;
	font-family:var(--hd-en);
	font-variation-settings:"SOFT" 50, "WONK" 1;
	font-size:clamp(44px, 6vw, 88px);
	font-weight:400;
	line-height:1;
	letter-spacing:-.03em;
}

.hd-company__title em{
	font-style:italic;
	color:var(--hd-accent);
}

.hd-company__table{
	border-top:1px solid var(--hd-ink);
}

.hd-company__table > div{
	display:grid;
	grid-template-columns:140px 1fr;
	gap:20px;
	padding:24px 0;
	border-bottom:1px solid var(--hd-line);
}

.hd-company__table dt{
	font-size:13px;
	font-weight:700;
	color:var(--hd-sub);
}

.hd-company__table dd{
	margin:0;
	font-size:15px;
	font-weight:500;
	line-height:1.9;
}

.hd-company__table a{
	text-decoration:underline;
	text-underline-offset:3px;
}

@media (max-width:767px){
	.hd-company{
		grid-template-columns:1fr;
	}
	.hd-company__table > div{
		grid-template-columns:1fr;
		gap:4px;
	}
}

/* -------------------------------
   Profile（代表の経歴）
   ・左に見出し、右に名前・役職（Company と同じ表組み）・年表
------------------------------- */
.hd-profile{
	display:grid;
	grid-template-columns:minmax(0, .7fr) minmax(0, 1.3fr);
	gap:40px;
	padding-bottom:clamp(90px, 12vw, 160px);
}

.hd-profile__name{
	margin-bottom:40px;
}

.hd-profile__role{
	font-size:13px;
	font-weight:700;
	color:var(--hd-sub);
}

.hd-profile__ja{
	margin-top:6px;
	font-size:clamp(26px, 3vw, 36px);
	font-weight:700;
	letter-spacing:.08em;
}

.hd-profile__born{
	margin-top:6px;
	font-size:14px;
	color:var(--hd-sub);
}

.hd-profile__items li + li{
	margin-top:6px;
}

.hd-profile__history-label{
	margin-top:64px;
	margin-bottom:20px;
}

.hd-history{
	border-top:1px solid var(--hd-ink);
}

.hd-history > div{
	display:grid;
	grid-template-columns:140px 1fr;
	gap:20px;
	padding:22px 0;
	border-bottom:1px solid var(--hd-line);
}

.hd-history dt{
	font-family:var(--hd-en);
	font-variation-settings:"SOFT" 50, "WONK" 1;
	font-size:26px;
	line-height:1.2;
	color:var(--hd-accent);
}

.hd-history dd{
	margin:0;
	font-size:15px;
	font-weight:500;
	line-height:1.9;
}

@media (max-width:767px){
	.hd-profile{
		grid-template-columns:1fr;
	}
	.hd-history > div{
		grid-template-columns:1fr;
		gap:4px;
	}
}

.hd-access{
	padding-bottom:clamp(90px, 12vw, 160px);
}

.hd-access__card{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	padding:clamp(30px, 4vw, 56px);
	border-radius:28px;
	background:
		repeating-radial-gradient(circle at 100% 50%, transparent 0 18px, rgba(20,20,20,.05) 18px 19px),
		var(--hd-white);
}

.hd-access__address{
	margin-top:14px;
	font-size:clamp(18px, 2vw, 24px);
	font-weight:700;
}

/* =========================================
   Works（一覧ページ）
========================================= */
.hd-works-page{
	padding-bottom:clamp(90px, 12vw, 160px);
}

.hd-works-page .grm-page-content{
	margin-bottom:60px;
}

/* =========================================
   News（一覧・詳細）
========================================= */
.hd-news-page{
	padding-bottom:clamp(90px, 12vw, 160px);
}

/* カテゴリーチップ（hd_news_chips()）：枠線のピル型、選択中は黒で塗りつぶす */
.hd-news-chips{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-bottom:36px;
}

.hd-news-chips__item{
	padding:8px 20px;
	border:1px solid var(--hd-ink);
	border-radius:999px;
	font-size:13px;
	font-weight:500;
	line-height:1.4;
	color:var(--hd-ink);
	transition:background-color .3s ease, color .3s ease;
}

.hd-news-chips__item:hover,
.hd-news-chips__item.is-current{
	background:var(--hd-ink);
	color:#fff;
}

.hd-pager{
	display:flex;
	justify-content:center;
	gap:8px;
	margin-top:50px;
}

.hd-pager .page-numbers{
	display:grid;
	place-items:center;
	min-width:46px;
	height:46px;
	padding:0 10px;
	border:1px solid var(--hd-line);
	border-radius:999px;
	font-family:var(--hd-en);
}

.hd-pager .page-numbers.current{
	background:var(--hd-ink);
	border-color:var(--hd-ink);
	color:#fff;
}

.hd-single__head{
	padding-top:clamp(140px, 16vw, 200px);
	max-width:1040px;
}

.hd-single__meta{
	display:flex;
	align-items:center;
	gap:14px;
	margin-top:26px;
	font-family:var(--hd-en);
	font-size:14px;
}

.site-main .hd-single__title{
	margin-top:18px;
	font-size:clamp(26px, 3.4vw, 44px);
	font-weight:700;
	line-height:1.5;
}

.hd-single__thumb{
	max-width:1040px;
	margin-top:50px;
}

.hd-single__thumb img{
	width:100%;
	height:auto;
	border-radius:26px;
}

.hd-single__body{
	max-width:1040px;
	padding-block:50px 70px;
}

.hd-single__back{
	max-width:1040px;
	padding-bottom:clamp(90px, 12vw, 160px);
}

/* =========================================
   お問い合わせフォーム（HDの色に合わせた調整）
========================================= */
.grm-cf-form .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):not(.wpcf7-radio){
	background-color:var(--hd-white) !important;
}

.grm-cf-field .wpcf7-radio .wpcf7-list-item label{
	background:var(--hd-white) !important;
}

.grm-cf-privacy{
	background:var(--hd-white) !important;
}

.grm-cf-privacy-text{
	background:var(--hd-paper) !important;
}

.grm-cf-form > .grm-cf-confirm-actions .grm-cf-confirm-open{
	background:var(--hd-accent) !important;
	border-color:var(--hd-accent) !important;
}

.grm-cf-form > .grm-cf-confirm-actions .grm-cf-confirm-open:hover{
	background:var(--hd-ink) !important;
	border-color:var(--hd-ink) !important;
	color:#fff !important;
}

.grm-cf-catch{
	font-family:var(--hd-ja);
}

/* =========================================
   Privacy Policy（固定ページ本文）
   ・お問い合わせページと同じ構成：左にキャッチコピー＋説明、
   　右に番号付きの項目（項目名＋英語表記／右端にグレーの番号）
   ・ポップアップ表示（popup.js）の時は説明を隠して1カラムにする
========================================= */
.grm-pp-page{
	display:grid;
	grid-template-columns:1fr;
	gap:60px;
	margin-top:40px;
}
@media(min-width:768px){
	.grm-pp-page{
		grid-template-columns:320px 1fr;
		gap:100px;
	}
}

.grm-pp-intro{
	display:flex;
	flex-direction:column;
	gap:24px;
}

.grm-page-content .grm-pp-catch{
	margin:0;
	font-size:clamp(22px, 2vw, 28px);
	font-weight:600;
	line-height:1.6;
	letter-spacing:.04em;
	color:var(--color-main);
}

.grm-page-content .grm-pp-intro-text{
	margin:0;
	font-size:14px;
	line-height:2;
	font-weight:300;
}

.grm-pp-body{
	counter-reset:grm-pp;
}

.grm-pp-sec{
	counter-increment:grm-pp;
	margin:0 0 48px;
}

.grm-page-content .grm-pp-head{
	display:grid;
	grid-template-columns:1fr auto;
	grid-template-areas:
		"title num"
		"en    num";
	align-items:center;
	gap:4px 10px;
	margin:0 0 16px;
	padding:0;
	border:0;
	font-size:15px;
	font-weight:500;
	line-height:1.8;
	letter-spacing:.02em;
}

.grm-pp-title{
	grid-area:title;
}

.grm-pp-en{
	grid-area:en;
	font-size:11px;
	font-weight:300;
	letter-spacing:.08em;
	color:var(--color-sub);
}

.grm-pp-head::after{
	content:counter(grm-pp, decimal-leading-zero);
	grid-area:num;
	align-self:end;
	font-size:32px;
	font-weight:100;
	line-height:1;
	color:var(--color-sub);
}

.grm-page-content .grm-pp-sec p,
.grm-page-content .grm-pp-sec li{
	margin:0;
	font-size:14px;
	line-height:2;
	font-weight:300;
}

.grm-page-content .grm-pp-sec p + p,
.grm-page-content .grm-pp-sec p + ul{
	margin-top:12px;
}

.grm-page-content .grm-pp-sec ul{
	margin:12px 0 0;
	padding:0;
	list-style:none;
}

.grm-page-content .grm-pp-sec li{
	position:relative;
	padding-left:18px;
}

.grm-page-content .grm-pp-sec li::before{
	content:"";
	position:absolute;
	left:0;
	top:1em;
	width:8px;
	height:1px;
	background:var(--color-main);
}

/* 項（1. 2. …）：番号付きの段落 */
.grm-page-content .grm-pp-sec ol{
	margin:0;
	padding:0;
	list-style:none;
	counter-reset:grm-pp-ol;
}

.grm-page-content .grm-pp-sec ol > li{
	counter-increment:grm-pp-ol;
	padding-left:24px;
}

.grm-page-content .grm-pp-sec ol > li + li{
	margin-top:12px;
}

.grm-page-content .grm-pp-sec ol > li::before{
	content:counter(grm-pp-ol) ".";
	top:0;
	width:auto;
	height:auto;
	background:none;
	font-weight:400;
}

.grm-page-content .grm-pp-sec li > ul{
	margin-top:8px;
}

/* お問い合わせ窓口の表 */
.grm-pp-info{
	display:grid;
	grid-template-columns:auto 1fr;
	gap:6px 24px;
	margin:16px 0 0;
	font-size:14px;
	line-height:2;
	font-weight:300;
}

.grm-pp-info dt{
	font-weight:500;
}

.grm-pp-info dd{
	margin:0;
}

.grm-pp-info a,
.grm-pp-address a{
	color:var(--color-main);
	text-decoration:underline;
	text-underline-offset:3px;
}

.grm-page-content .grm-pp-date{
	margin:0;
	font-size:12px;
	color:var(--color-sub);
	text-align:right;
}

@media(max-width:767px){
	.grm-pp-head::after{
		font-size:26px;
	}
}

/* ポップアップ表示時：説明を隠して1カラム */
.grm-popup-body .grm-pp-page{
	display:block;
	margin-top:24px;
}

.grm-popup-body .grm-pp-intro{
	display:none;
}

/* =========================================
   サイトマップ（GRM Base Kit の [sitemap]）
   ・全画面メニューと同じ組み方：番号＋英字（Fraunces）＋日本語
   ・ホバーで差し色・斜体になり、右の矢印が回る
   ・リンクの中身は hd-functions.php（do_shortcode_tag）で組み直している
========================================= */
.hd-page-body .grm-sitemap ul{
	margin:0;
	padding:0;
}

.hd-page-body .grm-sitemap > ul{
	counter-reset:hd-sitemap;
	border-bottom:1px solid var(--hd-ink);
}

.hd-page-body .grm-sitemap li{
	margin:0;
	padding:0;
}

.hd-page-body .grm-sitemap > ul > li{
	counter-increment:hd-sitemap;
	border-top:1px solid var(--hd-line);
}

.hd-page-body .grm-sitemap > ul > li:first-child{
	border-top-color:var(--hd-ink);
}

.hd-page-body .grm-sitemap a{
	display:grid;
	grid-template-columns:48px auto 1fr auto;
	align-items:center;
	gap:24px;
	padding:clamp(18px, 2.4vw, 28px) 0;
	color:var(--hd-ink);
	text-decoration:none;
	transition:color .3s ease;
}

.hd-page-body .grm-sitemap a::before{
	content:"0" counter(hd-sitemap);
	font-size:13px;
	font-weight:500;
	letter-spacing:.08em;
	color:var(--hd-sub);
}

.hd-sitemap__en{
	font-family:var(--hd-en);
	font-variation-settings:"SOFT" 50, "WONK" 1;
	font-size:clamp(34px, 5vw, 72px);
	font-weight:400;
	line-height:1.05;
	letter-spacing:-.02em;
	transition:transform .5s var(--hd-ease);
}

.hd-page-body .grm-sitemap a small{
	font-size:13px;
	font-weight:500;
	letter-spacing:.08em;
	color:var(--hd-sub);
}

.hd-sitemap__arrow{
	display:grid;
	place-items:center;
	width:44px;
	height:44px;
	border-radius:50%;
	box-shadow:inset 0 0 0 1px var(--hd-line);
	transition:transform .5s var(--hd-ease), background-color .3s ease, color .3s ease, box-shadow .3s ease;
}

.hd-sitemap__arrow svg{
	width:12px;
	height:12px;
}

.hd-page-body .grm-sitemap a:hover{
	color:var(--hd-accent);
}

.hd-page-body .grm-sitemap a:hover .hd-sitemap__en{
	font-style:italic;
	transform:translateX(10px);
}

.hd-page-body .grm-sitemap a:hover .hd-sitemap__arrow{
	background:var(--hd-accent);
	box-shadow:none;
	color:#fff;
	transform:rotate(45deg);
}

/* 子ページ（2階層目以降）：小さめに字下げ */
.hd-page-body .grm-sitemap ul ul{
	padding-left:72px;
	padding-bottom:16px;
}

.hd-page-body .grm-sitemap ul ul a{
	grid-template-columns:auto 1fr auto;
	padding:10px 0;
}

.hd-page-body .grm-sitemap ul ul a::before{
	content:none;
}

.hd-page-body .grm-sitemap ul ul .hd-sitemap__en{
	font-size:clamp(20px, 2.2vw, 28px);
}

.hd-page-body .grm-sitemap ul ul .hd-sitemap__arrow{
	width:32px;
	height:32px;
}

@media (max-width:767px){
	.hd-page-body .grm-sitemap a{
		grid-template-columns:32px 1fr auto;
		gap:6px 12px;
	}
	.hd-page-body .grm-sitemap a small{
		grid-column:2;
		grid-row:2;
	}
	.hd-sitemap__arrow{
		grid-column:3;
		grid-row:1 / span 2;
		width:36px;
		height:36px;
	}
	.hd-page-body .grm-sitemap ul ul{
		padding-left:32px;
	}
}