/*フォント適用（デフォルトでは見出し系とグローバルナビ（サブメニュー除く）に明朝、その他にゴシックを当ててます）*/
body{
	font-family: "FP-ヒラギノ角ゴ StdN W4";
}
h1 , h2 , h3 , h4 , h5 , h6 , b , strong , .smb-section__title  , .set_label{
	font-family: "FOT-筑紫明朝 Pr6 E";
}
.is-new-house-family .c-entry__title ,  .is-new-house-family .l-contents h2 , .is-new-house-family  .l-contents h3 , .is-new-house-family .l-contents p , .is-new-house-family .l-contents .smb-panels__item__title, .is-new-house-family .l-contents strong{
	font-family: "Oswald", "Noto Sans JP" !important;
}
/*ヘッダーメニュー余白なくしてベタ付け*/
header.l-header .p-global-nav .c-navbar__item a:not(header.l-header .c-navbar__submenu a , .p-drop-nav .c-navbar__submenu a){
	padding-top:0;
	padding-bottom: 0;
}
header.l-header .p-global-nav .c-navbar__item:last-child a{
	/*padding-right: 0;*/
}

/*font-family: "Noto Sans JP", sans-serif !important;*/
/*font-family: "Oswald", sans-serif;*/

@media screen and (min-width: 1024px){
	header.l-header .l-header__content .c-fluid-container{
		/*padding-right: 0;*/
	}
}

/*ページヘッダーの高さ調整*/
@media screen and (min-width: 1024px){
	.c-page-header[data-has-image=true]{
		max-height:250px;
	}
}
@media screen and (max-width: 1023px){
	.c-page-header[data-has-image=true]{
		max-height:150px;
	}
}
/*ハンバーガーボタン調整用*/
.c-hamburger-btn .c-hamburger-btn__bar{
	height:2px;
	background-color:#fff !important;
}
.c-hamburger-btn__bar:nth-of-type(2){
	height:2.5px;
}
.c-hamburger-btn[aria-expanded=true]>.c-hamburger-btn__bars>.c-hamburger-btn__bar:nth-of-type(2){
	background-color:initial !important;
}
.c-hamburger-btn__label{
	color:#ccc;
	display:none !important;
}

/*グローバルナビのフォントサイズ可変化　 ※狭めのPC幅でメニューが詰まる件の対策になります。ブレイクポイントやテキストサイズはサイトに合わせて変更してください。
可変化したタイミングでグローバルナビのデフォルトのフォントサイズ（アプデで変わるかも）を超えないように設定してます。*/
@media screen and (min-width: 1024px) and (max-width: 1600px){
	header.l-header .p-global-nav .c-navbar__item a:not(header.l-header .c-navbar__submenu a) {
		font-size: clamp(10px, 1.1vw, 12.2222px);
	}
}

/*フッターメニュー用デフォルトスタイル*/
@media screen and (min-width: 1024px){
	footer.l-footer .widget_nav_menu ul{
		display: grid;
		grid-template-columns: 1fr 1fr;
		row-gap: 10px;
	}
	footer.l-footer .widget_nav_menu li{
		margin-top: 0;
	}
}
/*フッターsns用デフォルトスタイル*/
footer.l-footer .f_sns{
	max-width: 350px;
	margin-left:0;
}
/*フッターサイド余白消し*/
footer.l-footer .c-fluid-container{
	padding-left:0;
	padding-right:0;
}

/*フッター上下パディング消し*/
footer.l-footer .l-footer-widget-area{
	padding-top:0;
	padding-bottom:0;
}

/*フッターセクションごとにできるマージンボトム消し*/
footer.l-footer .l-footer-widget-area__item.c-row__col{
	margin-bottom:0;
}


/*コピーライト用デフォルトスタイル*/
footer.l-footer .c-copyright{
	background-color:#434343;
	color:fff;
	margin-top: 47px;
}

/*トップコンテンツ上下余白消し*/
.home .l-contents .c-section{
	padding-top:0;
	padding-bottom:0;
}
/*コンテンツの上下余白消し（投稿と投稿の一覧ページを除く）*/
.l-contents .l-contents__inner:not(.archive .l-contents .l-contents__inner , .single .l-contents .l-contents__inner){
	padding-top: 0;
	padding-bottom: 0;
}
/*投稿のコメント機能トラックバック機能削除*/
.p-comments , .p-trackbacks{
	display:none;
}

/*スマホ時の見出しサイズ統一*/
@media screen and (max-width: 639px){
	.smb-section__title , h2.wp-block-heading , h3.wp-block-heading , .smb-media-text__title{
		font-size:23px;
	}
}

/*共通*/
.sp_column_gap0{
	gap:0 !important;
}
.full-wide {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
/*ヘッダー*/
.l-header{
    background: transparent;
}
.home .l-header{
	margin-bottom: -111px;
}
@media screen and (min-width: 1600px){
	header.l-header .p-global-nav .c-navbar__item a:not(header.l-header .c-navbar__submenu a , .p-drop-nav .c-navbar__item a) {
		font-size:16px;
	}
	.p-global-nav .menu-item-1471 a , .p-global-nav .menu-item-1472 a{
		width:150px !important;
	}
}
@media screen and (min-width: 1024px){
	header.l-header .p-global-nav .c-navbar__item a:not(header.l-header .c-navbar__submenu a , .p-drop-nav .c-navbar__item a) {
		color:#fff;
		/*font-size:16px;*/
		padding-bottom: 3px;
		padding-top:3px;
	}
	.p-global-nav .menu-item-1471 , .p-global-nav .menu-item-1472{
		border: 1px solid #fff;
	}
	.c-site-branding__title .custom-logo{
		width:240px !important;
	}
	.l-header{
		min-height:100px;
		/*align-content:center;*/
		padding-top:13px;
	}
	/* PCヘッダー背景（旧: 上から下へのグラデーション）。スマホと同じ黒半透明に統一 */
	.l-header--sticky-lg {
		box-shadow:none !important;
		background: #000000c7;
	}
}
@media screen and (max-width: 1023px){
	/* スマホ・タブレットのヘッダー背景（旧: 上から下へのグラデーション） */
	.l-header--sticky-lg {
		box-shadow:none !important;
		background: #000000c7;
	}
	.home .l-header{
		margin-bottom:-51px !important;
	}
}
@media screen and (max-width: 1023px){
	.c-site-branding__title .custom-logo{
		width:140px !important;
	}
	.l-header__content{
	padding-top:0 !important;
	}
	.l-header__content .c-fluid-container{
		padding-left:15px !important;
		padding-right:15px !important;
	}
	.l-header--sticky-sm{
		box-shadow:initial !important;
	}
}
/*フッター*/
.fo_nodeco_title:before , .fo_nodeco_title:after{
	display:none !important;
	
}
.fo_nodeco_title{
	justify-content:left !important;
}
.c-footer-content-set .wp-block-heading{
	margin-bottom:0 !important;
}
.p-footer-sticky-nav a{
	padding: 18px 10px;
    font-size: 14px;
    background-color: #555555;
    color: #fff !important;
}
.p-footer-sticky-nav .menu-item:not(.p-footer-sticky-nav .menu-item:last-child){
	border-right:0.5px solid #fff !important;
}

@media screen and (max-width: 1023px){
	.c-footer-content-set{
		padding:0 !important;
	}
	/* フッターCTA：左右が詰まって見えるため内側余白を確保 */
	.footer_panels .smb-panels__item__body{
		padding:20px !important;
	}
	.footer_panels h3.wp-block-heading span{
		font-size:20px !important;
	}
	.c-footer-content-set p:not(.engText) , .c-footer-content-set p:not(.engText) span{
		font-size:12px !important;
	}
	.c-copyright{
		font-size:10px !important;
		margin-top:29px !important;
	}
	.p-footer-sticky-nav{
		bottom:0 !important;
	}
}
/*トップページ*/
.everyone_column{
	max-width:1280px;
}
/*
.everyone-sub-text span::after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 1px;
  background-color: currentColor;
  vertical-align: middle;
  margin: 0 12px;
}
*/
.every_decoration1{
	position:absolute;
	
}
.c-panel-flush .smb-panels__item__body{
	padding:0;
}
.c-panel-flush p ,.c-panel-flush .wp-block-heading ,.c-panel-flush .wp-block-list , .c-panel-flush .wp-block-separator{
	/*margin-left:35px !important;
	margin-right:35px !important;*/
	margin-top:25px !important;
}
.panel_n_text{
	display:flex;
	align-items:center;
	gap:15px;
}
.panel_n_text span{
	/*margin-right:25px;*/
}
.everyone_panel .wp-block-heading{
	font-size:24px;
}
/* TOP 01/02/03バナーの見出し3本（自遊に、理想の家を建てたい／家をまるごと〜／開業･改装〜）：
   以前はサイト共通が「秀英にじみ明朝 L」だったため、スマホだけ筑紫明朝にする上書きを入れていたが、
   サイト共通の見出し書体が「FOT-筑紫明朝 Pr6 E」に変わったので上書きは不要になった。
   （上書きを残すと、指定フォントが配信されていない場合に旧書体へフォールバックして
     「書体が変わらない」状態になるため削除） */

/* 同見出し3本：PC表示時の余白と文字サイズ（上の .everyone_panel .wp-block-heading の24pxを
   詳細度で上書き。marginはブロック側の既定値に勝たせるため !important） */
@media screen and (min-width: 1024px){
	.everyone_panel h2.wp-block-heading{
		margin: 20px 0 -10px 0 !important;
		font-size: 22px;
	}
}

/* TOP 01/02/03バナー：横幅の狭いPC（1024〜1294px）は3列のまま1枚が細くなり、
   見出しが1行に収まらず、番号行（01 新築規格住宅 ＋ロゴ）もはみ出して崩れる。
   ・見出し：タブレット時と同じ位置で改行させる（SMEの「PCでは改行しない」指定を打ち消す）
   ・番号行：画像と文字を縮めて1行に収める */
@media screen and (min-width: 1024px) and (max-width: 1294px){
	.everyone_panel h2.wp-block-heading .sme-br br{
		display: inline !important;
	}
	.everyone_panel .panel_n_text{
		gap: 8px !important;
	}
	.everyone_panel .panel_n_text img:first-child{
		width: 42px !important;
	}
	.everyone_panel .panel_n_text > img:last-child{
		width: 64px !important;
	}
	.everyone_panel .panel_n_text > span:not([style*="font-size: 1px"]){
		font-size: 13px !important;
		white-space: nowrap;
	}
}

.lineup_btn{
	margin-bottom:25px !important;
}
.c-decor-arrow {
  position: relative;
}

.c-decor-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);

  width: 41px;
  height: 41px;

  background-image: url("/wp-content/uploads/2026/05/arrow2.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  pointer-events: none;
}
.arrow_rightTop .c-decor-arrow::after{
	top:13%;
}
.everyone_panel .c-decor-arrow::after{
	background-image: url("/wp-content/uploads/2026/05/arrow-4.svg");
}
.footer_panels .c-decor-arrow::after{
	background-image: url("/wp-content/uploads/2026/05/arrow3.svg");
}
.top_decoration2{
	position:absolute;
	left:0;
	bottom:0;
}
.top_mediaSection01 .c-container , .top_mediaSection01 .smb-section__inner , .bino_section .c-container , .bino_section .smb-section__inner{
	position:static !important;
}
.c-section-heading-set .wp-block-heading{
	margin-top:7px !important;
	margin-bottom:7px !important;
}
.set_label{
	width: max-content;
    margin-left: 0 !important;
    color: #fff;
    background-color: #434343;
    padding-left: 10px;
    padding-right: 10px;
}
.c-item-content-set{
	padding-bottom:35px;
}
.bino_panels{
	border:1px solid #EAEAEA;
	z-index:2;
}
.c-item-content-set p:first-child{
	margin-left:0 !important;
	margin-top: 20px !important;
    width: max-content;
    padding: 0px 25px;
    border: 1px solid #000;
}
.c-item-content-set .engText{
	margin-top: 6px !important;
    font-size: 25px;
}
.c-item-content-set .wp-block-heading{
	margin-top:9px !important;
	margin-bottom:5px !important;
}
.c-item-content-set:has(.engText) .wp-block-heading{
	margin-top:0 !important;
}
.c-item-content-set p:last-child{
	margin-top:0 !important;
	font-size:15px !important;
	
}
.bino_decoration{
	position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 !important;
	/*max-width:500px;*/
}
.bottom_border_heading{
	border-bottom:1px solid #CECECE !important;
	padding-bottom:15px !important;
}
.column_sidePanel .c-item-content-set p:first-child{
	margin-left:0 !important;
	margin-top:0 !important;
}
.column_sidePanel_img{
	height: 100% !important;
}
.column_sidePanel .wp-block-image{
	height:100% !important;
}
.column_sidePanel img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.ver_panels .smb-panels__item__body{
	padding:0 !important;
}
.Industry_box .wp-block-heading{
	margin-bottom:0px !important;
}
.Industry_box_texts{
	margin-top:10px !important;
}
.works_tabs .smb-tab-panel{
	border:none !important;
	padding-left:0 !important;
	padding-right:0 !important;
}
.works_tabs .smb-tabs__tab-wrapper{
	border:1px solid #000 !important;
}
.works_tabs .smb-tabs__tabs{
	gap:10px !important;
}
.works_tabs .smb-tabs__tab{
	color:#000 !important;
}
.works_tabs .smb-tabs__tab[aria-selected=true]{
	background-color:#434343 !important;
	color:#fff !important;
	border-radius:0 !important;
	border:none !important;
}
.top_main_section .smb-section__fixed-background{
	display:none;
}
.top_mediaSection01 .smb-section__background{
	top:-600px !important;
}
.everyone_section{
	z-index:2;
}
/* 経営理念セクションの背景（top:-600px）が上のINSTAGRAM/ブログセクションに被るため前面に出す */
.insta_section,
.blog_section{
	position:relative;
	z-index:2;
}
/* BinO配下のラインナップ各ページ（COVACO・MONICA 等）：スマホ閲覧時の本文を12pxに。
   本文の文字はブロックのフォントサイズpreset（has-sm-xs / has-sm-s）付きspanで囲まれており、
   グローバルスタイルが !important 付きで出力するため、p だけの指定では変わらない。
   キャッチコピー（has-sm-l）や大きな装飾文字（has-sm-2-xl / 3-xl）は意図的に大きいので対象外。 */
@media screen and (max-width: 1023px){
	.is-new-house-family .p-entry-content p,
	.is-new-house-family .p-entry-content p .has-sm-xs-font-size,
	.is-new-house-family .p-entry-content p .has-sm-s-font-size{
		font-size: 12px !important;
	}
}

/* ラインナップ各ページの横並びパネル（薪ストーブのある暮らし／ガーデニングを楽しむ 等）：
   スマホでは見出し16px・本文12pxにし、見出しと本文の間隔も詰める。
   本文はフォントサイズpreset付きspanで囲まれているため !important が必要。
   margin-top はSMB既定（--_margin-1）をセレクタの詳細度で上書きしている */
@media screen and (max-width: 1023px){
	.is-new-house-family .smb-panels__item--horizontal .smb-panels__item__title{
		font-size: 16px !important;
	}
	.is-new-house-family .smb-panels__item--horizontal .smb-panels__item__content,
	.is-new-house-family .smb-panels__item--horizontal .smb-panels__item__content span{
		font-size: 12px !important;
	}
	.is-new-house-family .smb-panels__item--horizontal .smb-panels__item__content{
		margin-top: 6px;
	}
}

/* ラインナップ各ページ フッター上部のリンクバナー（FLAT 平屋／2 FLOOR 2階建て 等）：
   スマホ・タブレットでは1列に積むため、
   ・カード間の隙間をなくして繋げる（SMBのglueは --_gap に --_margin1 を入れるので0にする）
   ・カバーの高さがほぼ正方形になるため16:9にする（min-height/aspect-ratioがインラインstyleのため!important）
   ・見出し文字は1列時に大きすぎるので23pxに揃える */
@media screen and (max-width: 1023px){
	/* 隙間を0にするのはバナー（1列＝data-md-columns="1"）のみ。
	   BinOトップの「平屋／スキップフロア／2階建て」ボタン（md=3）は押しやすさのため余白を残す */
	.is-new-house-family .smb-items--glue > .c-row[data-md-columns="1"]{
		--_gap: 0px;
	}
	.is-new-house-family .smb-items--glue .wp-block-cover{
		min-height: 0 !important;
		aspect-ratio: 16 / 9 !important;
	}
	/* 大きいラベルは必ず<strong>で囲まれている（文字サイズpresetが付いていないページもあるため、
	   presetではなくstrongを対象にして全ページ同じ大きさに揃える） */
	.is-new-house-family .smb-items--glue .wp-block-cover p strong,
	.is-new-house-family .smb-items--glue .wp-block-cover p strong span{
		font-size: 23px !important;
	}
	/* カード間の白い隙間の正体は smb-box の上下padding（インラインstyleでは左右しか0にしていない）。
	   変数ごと0にして上下も詰め、カード同士を完全に密着させる */
	.is-new-house-family .smb-items--glue .smb-box{
		--smb-box--padding: 0;
	}
	/* 字間(letter-spacing)を付けた文字は最後の1文字の後ろにも字間が入り、中央寄せが左にずれる。
	   行の最後の要素だけ字間ぶんの負のマージンで打ち消して、上の英字と中央を揃える */
	.is-new-house-family .smb-items--glue .wp-block-cover p > .sme-line-height:last-child [style*="letter-spacing: 0.5rem"]{
		margin-right: -0.5rem;
	}
	.is-new-house-family .smb-items--glue .wp-block-cover p > .sme-line-height:last-child [style*="letter-spacing: 0.2rem"]{
		margin-right: -0.2rem;
	}
}

/* 同バナー：ラベル（平屋／スキップフロア／2階建て）が画面幅によって
   「平／屋」のように縦積みで折り返してしまうのを防ぐ（全画面幅共通）。
   ・カバー内の入れ物を必ず親幅いっぱいにする
   ・ラベルは改行タグ（FLATと平屋の間）以外では折り返さない */
.is-new-house-family .smb-items--glue .wp-block-cover > .wp-block-cover__inner-container{
	width: 100%;
}
.is-new-house-family .smb-items--glue .wp-block-cover p{
	white-space: nowrap;
}
/* 幅の狭いPC（1024〜1294px）は2列のまま1枚が細くなり、大きいラベルが収まりきらないため、
   スマホ・タブレットと同じ23pxに揃えて折り返しを防ぐ */
@media screen and (min-width: 1024px) and (max-width: 1294px){
	.is-new-house-family .smb-items--glue .wp-block-cover p strong,
	.is-new-house-family .smb-items--glue .wp-block-cover p strong span{
		font-size: 23px !important;
	}
}

/* 特長セクション（section-break-the-grid）のリード文：PCでは本文の段落より1段階小さい
   （テーマが --_font-size-level:-1 を指定）ため、通常の段落と同じ大きさに揃える。
   テーマのフォントスケール変数を0段階に戻す方式なので、固定pxを持ち込まずに一致する。
   ※文字サイズpresetが付いているspan（BinOトップのリード文など）は各自の指定が優先される */
@media screen and (min-width: 1024px){
	body.is-new-house-family .smb-section-break-the-grid__lede{
		--_font-size-level: 0;
	}
}

/* 新築住宅BinOトップ（/bino/）：スマホ閲覧時の本文段落・特長リード文を14pxに
   ・当サイトの他の「スマホ閲覧時」指定と同じ 1023px までを対象にする（639pxのみだと
     タブレット〜大型端末の横向きで効かず、実機で変化しないため）
   ・!important は、mystyle.css より後に読み込まれるブロック個別CSS（section-break-the-grid、
     SMEのフォントサイズpreset等）に確実に勝たせるため */
@media screen and (max-width: 1023px){
	body.is-bino-top .l-contents p{
		font-size: 12px !important;
	}
	/* 特長セクション（section-break-the-grid）のリード文。<p>ではなく .smb-section__lede のため個別指定。
	   BinOトップだけでなく、平屋／スキップフロア／2階建ての各ページにも同じ要素があるため
	   is-new-house-family（BinOトップとその子孫ページ）でまとめて指定する */
	body.is-new-house-family .smb-section-break-the-grid__lede,
	body.is-new-house-family .smb-section-break-the-grid__lede span{
		font-size: 12px !important;
	}
	/* BinOの特長3セクション：上下の余白が大きすぎるため縮小（セクション既定のpadding変数を上書き） */
	body.is-bino-top .smb-section.bino_feature{
		--smb-section--padding: 10px;
	}
	/* 「BinOは暮らしに合わせて〜」のステップ見出し（家のカタチを選ぶ 等）：スマホ時のサイズ
	   （書体・太さの指定はPC共通のため、このメディアクエリの外に記述している）
	   spanにフォントサイズpresetが付くため !important が必須 */
	body.is-bino-top .smb-step__item__title,
	body.is-bino-top .smb-step__item__title span{
		font-size: 16px !important;
	}
	/* ※注記（一部対応していない商品があります／認定申請を行なった場合に限ります）：
	   spanにWordPressのプリセット文字サイズ(!important付き)が当たっているため個別に上書き */
	body.is-bino-top p.bino_note,
	body.is-bino-top p.bino_note span{
		font-size: 12px !important;
	}
	/* SP用イメージ（sp-bino.jpg）のセクションとBinOの特長3セクション：break-the-grid既定の
	   「figureを画面端まではみ出させる」マージンを解除し、上のコメント等と同じコンテンツ幅に揃える。
	   SMB側が7クラス連結のセレクタで margin を指定しているため !important で解除 */
	body.is-bino-top .bino-intro-sp .smb-section-break-the-grid__figure,
	body.is-bino-top .bino_feature .smb-section-break-the-grid__figure{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	/* 「BinOは暮らしに合わせて〜」＋画像のブロック：左右paddingを20pxに
	   （ブロック側がインラインstyleでpaddingを持つため !important が必要） */
	body.is-bino-top .bino_arrange_item .smb-items__item__body{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	/* 同見出しのフォントサイズを17pxに（サイト共通のスマホ用h2指定が!important付きのため合わせる） */
	body.is-bino-top h2.bino_arrange_title{
		font-size: 17px !important;
	}
	/* 「FEATURES / BinOの特徴」見出しはカバー直下にあり .c-container を通らないため、
	   同じ左右余白（テーマのコンテナ余白）を付けて特長セクション・上のコメントと幅を揃える */
	body.is-bino-top .bino_feature_title{
		padding-left: calc(var(--_global--container-margin) + env(safe-area-inset-left));
		padding-right: calc(var(--_global--container-margin) + env(safe-area-inset-right));
	}
}

/* BinOのステップ見出し（家のカタチを選ぶ／間取りを選ぶ／こだわりをプラスする）：
   書体と太さを見出し「BinOは暮らしに合わせて〜」(h2.bino_arrange_title)に揃える。PC・スマホ共通。
   h2はBinO配下ページ用の指定で Oswald/Noto Sans JP になるが、ステップ見出しは
   h2/h3/p/strong のいずれでもないためbody既定のゴシックのままで、見え方が違っていた */
body.is-bino-top .smb-step__item__title,
body.is-bino-top .smb-step__item__title span{
	font-weight: 700;
	font-family: "Oswald", "Noto Sans JP";
}

/* BinO「暮らしに合わせて間取りや仕様をアレンジできます。」見出し：左罫線で見出しらしく（PC・スマホ共通）
   テーマは .is-layout-*>h2 に border-left/padding をCSS変数で当てており、
   is-style-plain がその変数を none/0 にしている。変数側を上書きするため、
   .wp-block-heading.is-style-plain より高い詳細度のセレクタで指定する（!important不要） */
body.is-bino-top h2.bino_arrange_title{
	--entry-content-h2-border-left: 2px solid #000;
	--entry-content-h2-padding: 0 0 0 25px;
}

/* BinOのセクション見出し（FEATURES/LINE UP/SPECIFICATION/SUPPORT/FAQ）：
   日本語部分だけPCで30pxに。英字（先頭のspan）はそのまま。
   WordPressのプリセット文字サイズ（.has-sm-l-font-size 等）はグローバルスタイルで
   font-size に !important 付きで出力されるため、こちらも !important が必須 */
@media screen and (min-width: 1024px){
	body.is-bino-top .bino_sec_title .sme-line-height > span:last-child,
	body.is-bino-top .bino_sec_title .sme-line-height > strong,
	body.is-bino-top .bino_sec_title .sme-line-height > strong > span{
		font-size: 30px !important;
	}
}

/* FOR EVERYONEセクション：1320px以下（iPad等）で右端に余白がなく詰まって見えるため右余白を追加
   （〜1023pxは既存の左右20px指定があるため、1024〜1320pxのみを対象にする） */
@media screen and (min-width: 1024px) and (max-width: 1320px){
	.everyone_column{
		padding-right: 40px;
	}
}

/* INSTAGRAM／ブログセクション：上下の余白を1段階小さく（テーマの余白スケールを流用） */
.smb-section.insta_section,
.smb-section.blog_section{
	--smb-section--padding: var(--_s2);
}
/* 経営理念セクション内の会社情報テーブル：幅を絞って中央寄せ（上下marginはブロック設定側で指定） */
.top_company_info{
	max-width: 850px;
	/* 下部装飾イラスト（.top_decoration2 = position:absolute）に被られるため前面に出す */
	position: relative;
	z-index: 2;
}
/* 同テーブルの見出し列（法人名・代表者名 等）：スマホでは本文と同じ12pxに。
   見出しはdivでブロック側の文字サイズ指定もないため、p/li向けの一括指定では変わらない */
@media screen and (max-width: 639px){
	.top_company_info .smb-information__item__label{
		font-size: 12px;
	}
}

/* ブログカルーセル：BLOG見出しの下に余白を確保
   （.c-section-heading-set .wp-block-heading{margin-bottom:7px !important} を上書きするため !important が必要） */
.blog_section .c-section-heading-set h3.wp-block-heading{
	margin-bottom: 20px !important;
}

/* Instagram / Blog の見出し：PCのみ33px（スマホ・タブレットはブロック設定の20pxのまま）。
   見出し内のspanにインラインstyleでfont-sizeが入っているため !important が必須 */
@media screen and (min-width: 1024px){
	.insta_section .c-section-heading-set h3.wp-block-heading,
	.insta_section .c-section-heading-set h3.wp-block-heading span,
	.blog_section .c-section-heading-set h3.wp-block-heading,
	.blog_section .c-section-heading-set h3.wp-block-heading span{
		font-size: 33px !important;
	}
	/* Instagramのアカウント名「@ond.haus」：PCのみ25px（spanのインラインstyle 36px を上書き） */
	.insta_section .c-section-heading-set h2.wp-block-heading,
	.insta_section .c-section-heading-set h2.wp-block-heading span{
		font-size: 25px !important;
	}
}

/* ブログカルーセル：矢印を黒丸背景＋白矢印にして視認性を上げる（既存 works_posts の指定に合わせた寸法） */
.blog_posts .spider__arrow{
	--spider--arrow-color: #fff;
	background-color: #434343;
	border-radius: 30px;
	width: 40px;
	height: 40px;
}

/* ブログカルーセル：スマホ時の記事タイトル
   （テーマ既定は可変フォントサイズ clamp() のため固定値で上書き） */
@media screen and (max-width: 639px){
	.blog_posts .c-entry-summary__title{
		font-size: 14px !important;
		letter-spacing: 0px;
	}
}
/*.top_mediaSection01 .smb-section__background::after {
  content: "";
  position: absolute;
  left: 50%;
  top:-500px;
  transform: translateX(-50%);

  width: 100vw;
  height: var(--media-gradient-height, 500px);

  background: linear-gradient(
    to top,
    rgba(242, 242, 242, 0.75) 0%,
    rgba(242, 242, 242, 0) 100%
  );

  pointer-events: none;
  z-index: 1;
}*/
.top_main_list {
  list-style: none;
  margin: 0;
  padding: 0;

  display: flex;
  align-items: center;
  gap: 0;

  color: #fff;
  font-size: 1.5vw;
  font-weight: 400;
  letter-spacing: 0.18em;
  line-height: 1.6;
}

.top_main_list li {
  display: flex;
  align-items: center;
	margin-top:0 !important;
}

.top_main_list li:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 1em;
  margin: 0 1.2em;
  background-color: rgba(255, 255, 255, 0.8);
}

.top_main_list a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
}
.top_main_section .smb-section__inner{
	align-self:end !important;
}
.everyone_panel .wp-block-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.everyone_panel .wp-block-list li {
  position: relative;
  padding-left: 1.2em;
}

.everyone_panel .wp-block-list li::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}
.works_tax_posts .spider__canvas,
.works_posts .spider__canvas {
  border-left: solid 2px #EAEAEA;
}

.works_tax_posts .spider__slide ,
.works_posts .spider__slide {
  border-top: solid 2px #EAEAEA;
  border-right: solid 2px #EAEAEA;
  border-bottom: solid 2px #EAEAEA;
}
.works_tax_posts .c-entry-summary__body , .works_posts .c-entry-summary__body{
	padding:20px 20px !important;
}
.works_tax_posts .c-entry-summary__figure ,  .works_posts .c-entry-summary__figure{
	margin-bottom:0 !important;
}
.works_tax_posts{
	/*padding-left:15px !important;
	padding-right:15px !important;*/
}
.works_tax_posts .c-entry-summary__term ,  .works_posts .c-entry-summary__term{
	background-color:#434343;
}
.works_tax_posts .c-entry-summary__figure:before , .works_posts .c-entry-summary__figure:before{
	padding-top: 46.1363%;
}
@media screen and (min-width: 1024px){
	.everyone_item1{
		position:relative;
		top:-130px;
	}
	.everyone_item3{
		position:relative;
		top:130px;
	}
	.everyone_panel{
		margin-top: 93px !important;
    	margin-bottom: 130px !important;
		padding-left:10px !important;
		padding-right:10px !important;
	}
	.ond_media01 .smb-media-text__figure{
		width:50vw;
	}
	.ond_media01{
		overflow:visible !important;
	}
	.top_slider{
		position:fixed;
		z-index:-1;
		top:0;
	}
	.top_slider .smb-spider-slider__figure-wrapper img{
		display: block;
		max-width: none;
		width: 100%;
		height: 100vh;
		object-fit: cover;
	}
	.top_main_section{
		aspect-ratio: 1920 / 1080;
	}
	.every_decoration1{
		top:0;
	}
	.works_posts .spider__canvas ,  .works_tax_posts .spider__canvas{
		gap:0 !important;
	}
	.works_posts .c-entries-carousel .spider__slide , .works_tax_posts .c-entries-carousel .spider__slide{
        max-width: calc(1 / 3 * 100% - var(--entries--carousel--gap) / 80);
    }
}
@media screen and (max-width: 1023px){
	.home .smb-section h2.wp-block-heading , .home .smb-section h2.wp-block-heading span{
		font-size:25px !important;
	}
	.home .smb-section h3.wp-block-heading , .home .smb-section h3.wp-block-heading span{
		font-size:20px !important;
	}
	.top_slider .spider__slide img{
		object-fit:cover;
		object-position:10% 10%;
	}
	.top_main_section{
		/*position: absolute !important;*/
   		/*bottom: 0;*/
	}
	.everyone_column , .everyone_panel  , .bino_section .c-section-heading-set{
		padding-left:20px;
		padding-right:20px;
	}
	.bino_section .c-container{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.top_slider{
		position:fixed;
		z-index:-1;
	}
	.top_main_section , .top_slider .spider__slide img{
		height:680px;
	}
	.top_main_toptext , .top_main_toptext span{
		font-size:17px !important;
		line-height:2.0 !important;
	}
	.top_main_title , .top_main_title span{
		font-size:37px !important;
	}
	.top_main_list {
    list-style: none;
    margin: 0;
    padding: 0;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;

    font-size: 16px;
    letter-spacing: 0.18em;
    color: #fff;
  }

  .top_main_list li {
    display: flex;
    align-items: center;
  }

  .top_main_list li::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 1px;
    margin-right: 12px;
    background-color: #fff;
    flex-shrink: 0;
  }

  .top_main_list li::after {
    content: none;
  }

  .top_main_list a {
    color: inherit;
    text-decoration: none;
  }
	.top_main_list li:not(:last-child)::after{
		display:none !important;
	}
	.every_decoration1{
		top:13% !important;
	}
	.every_decoration1 img{
		width:60% !important;
	}
	.panel_n_text{
		gap:12px !important;
	}
	.panel_n_text img:first-child{
		width:52px !important;
	} 
	.c-panel-flush .panel_n_text{
		margin-top:0 !important;
	}
	.lineup_btn{
		font-size:14px !important;
	}
	.everyone_panel .wp-block-list{
		/*font-size:13px;*/
	}
	.c-section-heading-set .wp-block-heading{
		margin-top:0 !important;
	}
	.c-section-heading-set p:first-child span , .set_label span{
		font-size:16px !important;
	}
	.column_sidePanel{
		display: grid !important;
		grid-template-columns: 37% 1fr;
	}
	.column_sidePanel .c-item-content-set{
		padding:20px 10px !important;
	}
	.column_sidePanel .wp-block-column{
		margin-top:0 !important;
	}
	.column_sidePanel .c-item-content-set p:not(.engText) , .c-panel-flush .c-item-content-set p:not(.engText) , .c-panel-flush .c-item-content-set p:not(.engText) span{
		font-size:12px !important;
	}
	.column_sidePanel .c-item-content-set h3.wp-block-heading span , .column_sidePanel .c-item-content-set h3.wp-block-heading{
		font-size:18px !important;
	}
	.c-item-content-set p:first-child{
		padding:0 7px !important;
	}
	.Industry_box_texts{
		padding:10px !important;
		font-size:11px !important;
	}
	.works_tabs .smb-tabs__tabs{
		flex-wrap:wrap !important;
		
	}
	.works_tabs .smb-tabs__tab{
		padding:0px 10px !important;
		font-size:12px !important;
		
	}
	.works_tabs .spider__arrow , .works_posts .spider__arrow{
		background-color: #434343;
        border-radius: 30px;
        width: 40px;
        height: 40px;
	}
	.spider__arrow[data-direction=prev] {
		left:-23px !important;
	}
	.spider__arrow[data-direction=next]{
		right:-23px !important;
	}
	.column_sidePanel .c-decor-arrow::after{
		width: 27px;
        height: 27px;
        top: 16%;
	}
	.top_slider{
		top:0;
	}
	
}



/*トップスライダー用*/
/*エントランストップ*/
.entrance_wrapper{
	background-color:#000;
	color:#fff;
	display:flex;
}
.entrance_bg{
	position:absolute;
	z-index:0;
}
.entrance_bg img{
	width:100%;
}
.entrance_item{
	min-width:0;
	position:relative;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	text-align:center;
	transition:flex 0.4s ease;
	left:0 !important;
}
.entrance_item a{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	z-index:2;
}
.entrance_item_text{
	margin-top:15px;
}
.entrance_item .logo_Img{
	width: auto;
    align-content: center;
}
.logo_Img,
.entrance_item_text{
	position:relative;
	z-index:1;
}
@media screen and (min-width: 1024px){
	.entrance_bg{
		width:50vw;
	}
	.entrance_item{
		flex:1;
		height:calc(100vh - 0px);
	}
	.entrance_item:hover{
		flex:2;
	}
	.entrance_item .logo_Img{
		height: 85px;
	}
}
@media screen and (max-width: 1023px){
	.entrance_wrapper{
		flex-direction:column;
	}
	.entrance_item{
		flex:1;
		aspect-ratio: 2 / 1;
		left:0 !important;
		background-size: cover;
        background-position: 50% 70%;
	}
	.logo_Img img{
		max-width:70%;
	}
	.entrance_item_text{
		margin-top:10px  !important;
		font-size:12px !important;
	}
	.entrance_bg{
		display:none;
	}
}


/* =========================================================
   エントランストップ
========================================================= */

.entrance_wrapper {
  background-color: #000;
  color: #fff;
  display: flex;
  width: 100%;
  overflow: hidden;
}

.entrance_item {
  position: relative;
  min-width: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  left: 0 !important;
}

.entrance_item > a {
  position: absolute;
  inset: 0;
  display: block;
  z-index: 10;
}

.entrance_bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.entrance_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.logo_Img,
.entrance_item_text {
  position: relative;
  z-index: 4;
}

.logo_Img {
  text-align: center;
}

.logo_Img img {
  width: 100%;
  height: auto;
  display: block;
}

/* メインビジュアルのロゴはPC用とスマホ用で画像が異なるため、画面幅で出し分ける
   （カスタムHTMLブロック内のため、SnowMonkeyEditorの表示制御ではなくクラスで制御） */
@media screen and (min-width: 1024px) {
  .logo_Img .logo_sp { display: none; }
}
@media screen and (max-width: 1023px) {
  .logo_Img .logo_pc { display: none; }
}

.entrance_item_text {
  color: #fff;
}


/* =========================================================
   PC：1024px以上
========================================================= */

@media screen and (min-width: 1024px) {

  .entrance_wrapper {
    min-height: 100vh;
  }

  .entrance_item {
    flex: 1;
    min-height: 100vh;
    transition: flex 0.75s ease;
  }

  .entrance_item:hover {
    flex: 1.8;
  }

  .entrance_bg img {
    transition: transform 1.2s ease;
  }

  .entrance_item:hover .entrance_bg img {
    transform: scale(1.06);
  }

  .entrance_item::before,
  .entrance_item::after {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
    transform: translate3d(0, 0, 0);
  }

  /* 通常時の暗いマスク */
  .entrance_item::after {
    z-index: 1;
    opacity: 1;
    background: rgba(0,0,0,0.5);
    transition: opacity 0.5s ease;
  }

  /* hover時に下から出る黒グラデーション */
  .entrance_item::before {
    z-index: 2;
    opacity: 0;
    transform: translate3d(0, 0, 0) translateY(50%);
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.85) 75%
    );
    transition:
      opacity 0.5s ease,
      transform 0.5s ease;
  }

  .entrance_item:hover::after {
    opacity: 0;
  }

  .entrance_item:hover::before {
    opacity: 1;
    transform: translate3d(0, 0, 0) translateY(0);
    transition:
      opacity 1s ease,
      transform 1s ease 0.25s;
  }

  /* ロゴ：通常時は中央 */
  .entrance_item .logo_Img {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    /* ロゴのサイズ（PC）：カンプに合わせてひと回り拡大（260px → 310px） */
    width: min(66%, 310px);
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(-50%) translateY(-50%);
    transition:
      top 0.75s ease,
      transform 0.75s ease,
      opacity 0.75s ease;
  }

  .entrance_item .logo_Img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

  /* hover時：ロゴは縦横中央のまま拡大（上への移動はしない） */
  .entrance_item:hover .logo_Img {
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(1.4);
  }

  /* テキスト：通常時は非表示 */
  .entrance_item_text {
    position: absolute;
    z-index: 4;
    top: 38%;
    left: 50%;
    width: min(80%, 520px);
    margin: 0;
    line-height: 2.8;
    text-align: center;
    opacity: 0;
    transform: translateX(-50%) translateY(25px);
    transition:
      opacity 0.75s ease,
      transform 0.75s ease;
  }

  /* hover時にテキストを遅れて表示 */
  .entrance_item:hover .entrance_item_text {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
    transition:
      opacity 0.75s ease 0.5s,
      transform 0.75s ease 0.5s;
  }
}


/* =========================================================
   SP / Tablet：1023px以下
========================================================= */

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

  /* メインビジュアル全体（3パネル）で画面の高さぴったりに収める。
     svh は「ブラウザの下タブ・アドレスバーが表示されている状態」を基準にした固定値。
     dvh だとバーの出入りに合わせて高さが伸縮してガタつくため svh を使う。
     非対応ブラウザ用に vh を先に書いている */
  .entrance_wrapper {
    flex-direction: column;
    height: 100vh;
    height: 100svh;
  }

  .entrance_item {
    flex: 1 1 0;
    min-height: 0;
    aspect-ratio: auto;
    background-size: cover;
    background-position: 50% 70%;
  }

  .entrance_bg {
    display: none;
  }

  .logo_Img {
    width: 70%;
    max-width: 260px;
  }

  .logo_Img img {
    max-width: 100%;
  }

  /* SP: TOP1stビュー先頭パネル(BinO)のロゴがヘッダーと詰まるため上マージンで離す（値を上げるとさらに下がる） */
  .entrance_item1 .logo_Img {
    margin-top: 56px;
  }

  .entrance_item_text {
    margin-top: 10px !important;
    font-size: 12px !important;
    line-height: 1.8;
	 display:none;
  }
}

/* スマホのみ：メインビジュアルのロゴサイズ（SP用ロゴ画像に合わせて調整。
   タブレットは上の 70% / 260px 指定のまま） */
@media screen and (max-width: 639px) {
  .entrance_wrapper .logo_Img {
    width: 80%;
    max-width: 260px;
  }
}
/*新築住宅*/
.is-new-house-family .hause_model_lineup .wp-block-heading{
	margin-bottom:8px !important;
}
.is-new-house-family .c-entry__title:not(.page-id-363 .c-entry__title){
	display:none;
}

/* BinOトップおよび配下のラインナップ各ページのラインナップ一覧（平屋／スキップフロア／2階建て）：
   狭い画面では縦積みではなく横スワイプのカルーセルにする。
   スコープの is-new-house-family は、BinOトップ(363)とその子孫ページに付くbodyクラス。
   ※PCの3列組みはブロック設定（lg:3）のままで、ここでは1列時の並ぶ向きと1枚の幅だけを変更している。
     幅はテーマ側の変数 --_item-width を上書きして指定（1枚で画面いっぱい＝100%） */
@media screen and (max-width: 1023px){
	body.is-new-house-family .smb-items.hause_model_lineup{
		position: relative;
	}
	body.is-new-house-family .smb-items.hause_model_lineup > .c-row{
		flex-wrap: nowrap;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		margin-bottom: 0;
		padding-bottom: 4px;
	}
	body.is-new-house-family .smb-items.hause_model_lineup > .c-row::-webkit-scrollbar{
		display: none;
	}
	body.is-new-house-family .smb-items.hause_model_lineup > .c-row > .c-row__col{
		--_item-width: 100%;
		margin-bottom: 0;
		scroll-snap-align: center;
	}
	/* 左右の送り矢印（ブログカルーセルの矢印と同じ黒丸＋白矢印） */
	body.is-new-house-family .hause_model_lineup__arrow{
		position: absolute;
		top: 50%;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 30px;
		background-color: #434343;
		color: #fff;
		font-size: 16px;
		line-height: 1;
		cursor: pointer;
		opacity: .85;
		transform: translateY(-50%);
	}
	body.is-new-house-family .hause_model_lineup__arrow--prev{ left: 0; }
	body.is-new-house-family .hause_model_lineup__arrow--next{ right: 0; }
	body.is-new-house-family .hause_model_lineup__arrow[hidden]{ display: none; }
}
/* PCでは矢印を出さない（3列表示のため不要） */
@media screen and (min-width: 1024px){
	body.is-new-house-family .hause_model_lineup__arrow{ display: none; }
}



/*インスタテスト*/
#sb_instagram.sbi_col_4 #sbi_images, #sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images{
	grid-template-columns: repeat(12, 1fr);
    width: 318%;
}
/* スマホ：Instagramの掲載を4件に（5件目以降を非表示） */
@media screen and (max-width: 639px){
	#sb_instagram #sbi_images .sbi_item:nth-child(n+5){ display: none !important; }
}
/* Instagram：PCは5列×2行（10件）— TOP・下層ページ共通 */
@media all and (min-width: 801px){
	#sb_instagram.sbi_col_6 #sbi_images{
		grid-template-columns: repeat(5, 1fr);
	}
	#sb_instagram #sbi_images .sbi_item:nth-child(n+11){
		display: none;
	}
}
/* TOP以外の下層ページ：〜800px（スマホ・タブレット）は4件表示
   （列数はプラグイン既定の2列＝スマホ2枚一列をそのまま利用） */
@media all and (max-width: 800px){
	body:not(.home) #sb_instagram #sbi_images .sbi_item:nth-child(n+5){
		display: none;
	}
}
/* ===== Before / After 比較スライダー（twenty20風） ===== */
.ba-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 auto;}
@media (max-width:640px){.ba-wrap{grid-template-columns:1fr;}}
.ba-slider{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;margin:0;cursor:ew-resize;user-select:none;touch-action:pan-y;background:#eee;}
.ba-slider .ba-img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;}
.ba-slider .ba-after{position:absolute;inset:0;}
.ba-slider .ba-before-wrap{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden;z-index:2;}
.ba-slider .ba-before-wrap .ba-before{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none;}
.ba-slider .ba-label{position:absolute;bottom:12px;z-index:3;padding:3px 12px;font-size:12px;letter-spacing:.05em;line-height:1.6;color:#fff;background:rgba(0,0,0,.55);border-radius:2px;pointer-events:none;}
.ba-slider .ba-label--before{left:12px;}
.ba-slider .ba-label--after{right:12px;}
.ba-slider .ba-handle{position:absolute;top:0;left:50%;height:100%;width:2px;margin:0;padding:0;border:0;background:#fff;transform:translateX(-1px);z-index:4;cursor:ew-resize;box-shadow:0 0 4px rgba(0,0,0,.3);}
.ba-slider .ba-handle__circle{position:absolute;top:50%;left:1px;width:40px;height:40px;transform:translate(-50%,-50%);background:#fff;border-radius:50%;box-shadow:0 0 6px rgba(0,0,0,.35);}
.ba-slider .ba-handle__circle::before,.ba-slider .ba-handle__circle::after{content:"";position:absolute;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;}
.ba-slider .ba-handle__circle::before{left:11px;border-right:7px solid #333;transform:translateY(-50%);}
.ba-slider .ba-handle__circle::after{right:11px;border-left:7px solid #333;transform:translateY(-50%);}
.ba-slider__caption{margin-top:8px;font-size:13px;text-align:center;color:#555;}
/* 経営理念セクション：ロゴ上の余白（セクション上パディング）を約半分に */
body.page-id-2 .top_mediaSection01{
	padding-top: calc(var(--smb-section--padding) / 2);
}
/* お問い合わせページのフォーム切替タブ */
/* 幅を上部コンテンツ（980px）に合わせて中央寄せ */
.contact_tabs{
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}
/* タブは折り返さず横1列に */
.contact_tabs .smb-tabs__tabs{
	flex-wrap: nowrap;
}
/* アクティブタブ：背景#000・枠線#000000 */
.contact_tabs .smb-tabs__tab[aria-selected="true"]{
	background-color: #000 !important;
	border-color: #000000 !important;
	color: #fff !important;
}
@media screen and (max-width: 1023px){
	.contact_tabs .smb-tabs__tab{
		font-size: 13px !important;
		padding: 8px 10px !important;
	}
}
/* スマホ：4タブを横幅いっぱいに等幅で1列に（ラベルはsp-only-brで2行） */
@media screen and (max-width: 639px){
	.contact_tabs .smb-tabs__tabs{ justify-content: stretch; overflow: visible; }
	/* SMBの flex:0 1 auto を詳細度＋!importantで上書きして等幅化 */
	.contact_tabs .smb-tabs__tabs .smb-tabs__tab-wrapper{ flex: 1 1 0 !important; min-width: 0; }
	.contact_tabs .smb-tabs__tab{
		width: 100% !important;
		font-size: 13px !important;
		padding: 10px 2px !important;
		text-align: center;
		white-space: normal;
		line-height: 1.35;
	}
}

/* ============================================================================
   スマホ表示の全体フォント縮小（実機確認後に調整・復元しやすいよう1ブロックに集約）
   ・元に戻す場合：この「スマホ全体フォント縮小」ブロックを丸ごと削除
   ・強さの調整：--sp-font-scale の値だけ変更（1=変更なし / 0.9=90% / 0.85=85%）
   ・対象：スマホ幅（〜639px）のみ。個別に細かく指定済みの箇所（トップのメイン
     コピー等）は各自の指定を優先し、本ブロックは本文・見出しの基本サイズを縮小。
   ============================================================================ */
@media screen and (max-width: 639px){
	:root{ --sp-font-scale: 0.85; }
	/* 本文・リストなど（明示サイズ指定のない基本テキスト） */
	body{ font-size: calc(16px * var(--sp-font-scale)); }
	/* 通常の段落は一律12px（インラインでサイズ指定されたspan、クラス別に!importantで
	   指定済みの箇所は従来どおりそちらが優先される） */
	p{ font-size: 12px !important; }
	/* 本文中の箇条書きも段落と同じ12pxに。
	   ヘッダー・ドロワーメニュー・パンくず・フッターのliを巻き込まないよう、
	   本文領域（.p-entry-content）内に限定している */
	.p-entry-content li{ font-size: 12px !important; }
	/* 見出し（既存のスマホ用サイズを基準に一括縮小） */
	.smb-section__title , h2.wp-block-heading , h3.wp-block-heading , .smb-media-text__title{
		font-size: calc(23px * var(--sp-font-scale)) !important;
	}
	.home .smb-section h2.wp-block-heading , .home .smb-section h2.wp-block-heading span{
		font-size: calc(25px * var(--sp-font-scale)) !important;
	}
	.home .smb-section h3.wp-block-heading , .home .smb-section h3.wp-block-heading span{
		font-size: calc(20px * var(--sp-font-scale)) !important;
	}
}

/* renova-reform：施工事例への誘導CTA（背景画像＋可読性用の暗幕オーバーレイ） */
/* 背景はパララックス（固定背景）。元の<img>は隠しCSS背景で表示 */
.works-cta .smb-section-with-bgimage__bgimage{
	position: absolute;
	inset: 0;
	background-image: url("/wp-content/uploads/procs-work-20/2026/07/renovation-full-img.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.works-cta .smb-section-with-bgimage__bgimage img{
	display: none;
}
/* モバイルは固定背景の不具合回避のため通常スクロールに */
@media screen and (max-width: 1023px){
	.works-cta .smb-section-with-bgimage__bgimage{
		background-attachment: scroll;
	}
}
.works-cta .smb-section-with-bgimage__bgimage::after{
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.62);
	pointer-events: none;
}
.works-cta .smb-section__inner{
	position: relative;
	z-index: 1;
}
.works-cta .smb-section__body{
	text-align: center;
}
.works-cta__lede{
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}
.works-cta__btn .wp-block-button__link:hover{
	opacity: 0.85;
}

/* TOP 01/02/03バナー（everyone_panel）：スマホ閲覧時の縦幅を縮小（詰まりすぎ調整版） */
@media screen and (max-width: 639px){
	/* 画像下スペーサー・要素間マージン（前回より少しゆとり） */
	.everyone_panel .wp-block-spacer{ height: 16px !important; }
	.everyone_panel p,
	.everyone_panel .wp-block-heading,
	.everyone_panel .wp-block-list,
	.everyone_panel .wp-block-separator{ margin-top: 16px !important; }
	/* 01などの番号行に縦の余白を持たせる */
	.everyone_panel .panel_n_text{ margin-top: 8px !important; margin-bottom: 4px !important; }
	/* 見出し：フォントを若干小さく＋字間で横に余白。上の余白は詰める（上の16px指定を詳細度で上書き） */
	.home .everyone_panel h2.wp-block-heading{ font-size: 18px !important; letter-spacing: 0.08em !important; line-height: 1.4 !important; margin-top: 5px !important; margin-bottom: 0 !important; }
	/* リスト：フォント・行間・項目間（縦marginは前回より広め） */
	.everyone_panel .wp-block-list{ font-size: 12px !important; line-height: 1.6 !important; }
	.everyone_panel .wp-block-list li{ margin-top: 5px !important; margin-bottom: 5px !important; }
	/* 区切り線・ボタン周りの余白 */
	.everyone_panel .wp-block-separator{ margin-bottom: 0 !important; }
	.everyone_panel .lineup_btn{ margin-top: 12px !important; margin-bottom: 14px !important; }
	/* 「新築ラインナップを見る」等のリンク文字：スマホではさらに小さく（1023px以下の14px指定を上書き） */
	.everyone_panel .lineup_btn{ font-size: 12px !important; }
	/* バナー写真の高さ（3枚とも2.15:1／不要なら本行削除） */
	.everyone_panel .wp-block-image img{ aspect-ratio: 2.6 / 1; object-fit: cover; width: 100%; }

	/* 01/02/03の番号画像・その横の文字・BinOロゴをひと回り小さく
	   （imgのwidthとspanのfont-sizeがインラインstyleのため !important が必須）
	   ・番号画像 …… 各行の先頭のimg（01のみ幅調整用のspanに包まれている）
	   ・BinOロゴ … 段落直下の最後のimg（01の行のみ存在）
	   ・文字 ……… 段落直下のspan。ただし番号画像を包む font-size:1px のspanは対象外 */
	.everyone_panel .panel_n_text{ gap: 8px !important; }
	.everyone_panel .panel_n_text img:first-child{ width: 34px !important; }
	.everyone_panel .panel_n_text > img:last-child{ width: 58px !important; }
	.everyone_panel .panel_n_text > span:not([style*="font-size: 1px"]){ font-size: 12px !important; }
}

/* BinOラインナップ（bino_panels）：スマホで説明文を1行に・英字を小さく */
@media screen and (max-width: 639px){
	/* 説明文のモバイル改行(sme-br)を無効化し、折り返さず1行に */
	.bino_panels .sme-br{ display: none !important; }
	.bino_panels .c-item-content-set p:not(.engText){ white-space: nowrap; }
	/* COVACO等の英字を少し小さく（25px→21px） */
	.bino_panels .engText{ font-size: 21px !important; }
}

/* 部位別リフォームメニュー（reform_menu_panels）：スマホで見出しを1行に・ラベルを小さく */
@media screen and (max-width: 639px){
	/* 見出しのモバイル改行(sme-br)を無効化し、サイズ・字間を詰めて1行に */
	.reform_menu_panels .sme-br{ display: none !important; }
	.reform_menu_panels .c-item-content-set h3.wp-block-heading{
		font-size: 16px !important;
		letter-spacing: -0.02em !important;
		line-height: 1.4 !important;
		white-space: nowrap !important;
	}
	/* 見出し上のラベル（キッチン・水回り 等）のフォントを抑える */
	.reform_menu_panels .c-item-content-set p:first-child{
		font-size: 11px !important;
	}
}

/* TOP 01/02/03バナー：スマホの「カード間余白拡大」＋「01上部の余白を詰める」 */
@media screen and (max-width: 639px){
	/* 各バナー間の縦の余白を広げる（02の上下＝01-02/02-03の間隔。SMBのギャップ変数を上書き） */
	.everyone_panel .c-row{ --_gap: 36px !important; }
	/* 01の上の隙間：SP専用スペーサー(100px)は消しつつ、引き上げすぎを緩和して少し下げる */
	.everyone_section .wp-block-spacer.sme-hidden-lg-up{ height: 0 !important; }
	.everyone_panel{ margin-top: 0px !important; }
	/* 見出し（自遊に、／家をまるごと／開業･改装､）の改行をなくす */
	.everyone_panel h2.wp-block-heading br{ display: none !important; }
	/* 同見出しのフォントサイズを16pxに */
	body.page-id-2 .everyone_panel h2.wp-block-heading{ font-size: 16px !important; }
}

/* TOP：メインビジュアル直下「OND HAUS／規格の安心・リノベの自由」までの余白を詰める（スマホのみ）
   内訳＝セクションのpadding-top + ブロック間ギャップ + カラムのmargin-top(20px)
        + 見出しの.my-mtop25(25px) で約90px空いていたものを、セクションのpaddingだけに一本化した */
@media screen and (max-width: 639px){
	.everyone_section{ padding-top: 60px !important; }
	.everyone_section .everyone_column{ margin-top: 0 !important; }
	.everyone_section .everyone_column .wp-block-column:not(:empty){ margin-top: 0 !important; }
	.everyone_section .everyone_column h2.my-mtop25{ margin-top: 0 !important; }
	/* 背景の飾りイラスト：余白調整で下のバナーと重なるため位置を上げる（タブレットは13%のまま） */
	.every_decoration1{ top: 6% !important; }
}

/* TOP「FOR EVERYONE ／ 佐賀・長崎であなたに合う選択肢を」：スマホ時のフォントサイズ
   （spanにインラインstyleでfont-sizeが入っているため !important が必須。
     1つ目のspan＝FOR EVERYONE、最後のspan＝佐賀・長崎… の並び順で指定している） */
@media screen and (max-width: 639px){
	.everyone-sub-text > span:first-child,
	.everyone-sub-text > span:first-child > span{ font-size: 14px !important; }
	.everyone-sub-text > span:last-child,
	.everyone-sub-text > span:last-child > span{ font-size: 17px !important; }
}

/* 同上：タブレット時は1行に収めるため、PCの23px/18pxよりひと回り小さくする */
@media screen and (min-width: 640px) and (max-width: 1023px){
	.everyone-sub-text > span:first-child,
	.everyone-sub-text > span:first-child > span{ font-size: 19px !important; }
	.everyone-sub-text > span:last-child,
	.everyone-sub-text > span:last-child > span{ font-size: 15px !important; }
}

/* 背景の飾りイラスト：タブレットでも下のバナーに重なるため位置を上げる
   （スマホは別途6%指定、PCは0%） */
@media screen and (min-width: 640px) and (max-width: 1023px){
	.every_decoration1{ top: 6% !important; }
}

/* TOPページ：スマホ閲覧時、疑似要素の矢印（.c-decor-arrow::after）をすべて非表示 */
@media screen and (max-width: 639px){
	.home .c-decor-arrow::after{ display: none !important; }
}

/* Renovation & Reform／STORE RENOVATION（各下層ページへ移設）：リンクを外したためバナー感（影・ホバー・カーソル）を解除 */
.reform_section .smb-panels,
.storereno_section .smb-panels{
	--smb-panels--box-shadow: none;
	--smb-panels--box-shadow--hover: none;
}
.reform_section .smb-panels__item,
.storereno_section .smb-panels__item{
	cursor: default;
}

/* STORE RENOVATION：移設先でもTOPと同じスマホ/タブレット時の見出しサイズを維持（TOPは .home スコープで指定されているため） */
@media screen and (max-width: 1023px){
	.storereno_section h2.wp-block-heading,
	.storereno_section h2.wp-block-heading span{ font-size: 25px !important; }
	.storereno_section h3.wp-block-heading,
	.storereno_section h3.wp-block-heading span{ font-size: 20px !important; }
}
@media screen and (max-width: 639px){
	.storereno_section h2.wp-block-heading,
	.storereno_section h2.wp-block-heading span{ font-size: calc(25px * var(--sp-font-scale)) !important; }
	.storereno_section h3.wp-block-heading,
	.storereno_section h3.wp-block-heading span{ font-size: calc(20px * var(--sp-font-scale)) !important; }
}
/* 店舗リノベ上部の見出し（こんなお悩み解決いたします／店舗ロゴ･サイン制作も承っています）を
   下部「部分改装・対応業種」（= .storereno_section の h3）と同じサイズに揃える。
   サイト共通の「h3.wp-block-heading{...!important}」（詳細度0-1-1）に勝つため、
   クラス2つ＋要素（0-2-1）のセレクタにする */
@media screen and (max-width: 1023px){
	h3.wp-block-heading.store_lead_h3{ font-size: 20px !important; }
}
@media screen and (max-width: 639px){
	h3.wp-block-heading.store_lead_h3{ font-size: calc(20px * var(--sp-font-scale)) !important; }
}

/* 経営理念：スマホ閲覧時のロゴを一回り小さく */
@media screen and (max-width: 639px){
	.ond_rinen_logo img{
		width: 240px !important;
	}
}

/* 経営理念：スマホ閲覧時、下部イラストを文章に重ねて少し薄く */
@media screen and (max-width: 1023px){
	.top_decoration2{
		bottom: 20px;
		opacity: 0.5;
	}
}

/* BinOラインナップ：スマホ閲覧時、LOAFERバナー背後のイラストを非表示にし、下の空間を詰める */
@media screen and (max-width: 1023px){
	.bino_decoration{
		display: none !important;
	}
	.bino_section{
		padding-bottom: 0px !important;
	}
}

/* Renovation & Reform／STORE RENOVATION：スマホ閲覧時、バナー内h3を16pxに・br改行を削除 */
@media screen and (max-width: 1023px){
	.reform_section .c-item-content-set h3.wp-block-heading,
	.storereno_section .c-item-content-set h3.wp-block-heading{
		font-size: 16px !important;
		letter-spacing: -0.3px !important;
	}
	.reform_section .c-item-content-set br,
	.storereno_section .c-item-content-set br{
		display: none !important;
	}
	/* セクション見出し「2つのサービスから選ぶ」を23pxに。
	   見出し内のspanにインラインstyleでfont-size:36pxが入っているため !important が必須 */
	.reform_section .c-section-heading-set h2.wp-block-heading,
	.reform_section .c-section-heading-set h2.wp-block-heading span{
		font-size: 23px !important;
	}
	/* 見出しセット直前のスペーサー（PC100px）を30pxに。
	   spacerは高さをインラインstyleで持つため !important が必須 */
	.wp-block-spacer.storereno_lead_spacer{
		height: 30px !important;
	}
}

/* 店舗リノベ：ロゴ制作事例のスマホ・タブレット版ブロック（.logo_work_sp）
   ロゴは最大120px・中央寄せ。並び順（見出し→ロゴ→本文）はブロックの並びで実現している */
.logo_work_sp .wp-block-image img{
	display: block;
	max-width: 120px;
	margin-left: auto;
	margin-right: auto;
}

/* 経営理念セクションの上にある見出し（OND HAUS 規格の安心・リノベの自由）：スマホ閲覧時、もう少し小さく */
@media screen and (max-width: 1023px){
	.home h2.sp_left_text,
	.home h2.sp_left_text span{
		font-size: 21px !important;
	}
}

/* 同見出しの下の本文（ひとつの答えに縛られない。〜）：スマホ閲覧時、もう少し小さく
   ※同じ .sp_left_text を持つ「FOR EVERYONE…」の段落(.everyone-sub-text)は対象外にする */
@media screen and (max-width: 1023px){
	.home .everyone_column p.sp_left_text:not(.everyone-sub-text){
		font-size: 12px !important;
	}
}

/* お問い合わせ：電話・LINE案内ボックス内の会社名／営業時間／注記を、スマホでは一律12pxに。
   内側spanにWordPressのプリセット文字サイズ（.has-sm-xs-font-size＝!important付き）が
   当たっているため、クラス2つ＋!importantで上書きする */
@media screen and (max-width: 639px){
	p.contact_tel_info,
	p.contact_tel_info span{
		font-size: 12px !important;
	}
}

/* 経営理念：スマホ閲覧時のみ「現在では〜」の段落を分けて余白を入れる（PCは詰めたまま） */
.ond_rinen_p2{
	margin-top: 0 !important;
}
@media screen and (max-width: 1023px){
	.ond_rinen_p2{
		margin-top: 20px !important;
	}
}

/* ===== 施工事例：写真スライドショー ===== */
.works-slider{ position: relative; margin: 0 auto; }
.works-slider__viewport{ overflow: hidden; }
.works-slider__track{ display: flex; transition: transform .45s ease; }
.works-slider__slide{ position: relative; flex: 0 0 100%; width: 100%; }
.works-slider__slide img{ display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.works-slider__label{ position: absolute; left: 12px; bottom: 12px; z-index: 2; padding: 3px 12px; font-size: 12px; letter-spacing: .05em; line-height: 1.6; color: #fff; background: rgba(0,0,0,.55); border-radius: 2px; }
/* PCのみキャプション（before/after）を大きく */
@media screen and (min-width: 1024px){
	.works-slider__label{ font-size: 18px; padding: 5px 16px; }
}
/* Feel Free 事例の見出し：（佐賀県武雄市・ヘッドスパサロン）部分をスマホで小さく */
@media screen and (max-width: 1023px){
	.feelfree-sub{ font-size: 0.7em; }
}
.works-slider__arrow{ position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: rgba(0,0,0,.45); color: #fff; font-size: 18px; line-height: 1; cursor: pointer; z-index: 3; display: flex; align-items: center; justify-content: center; }
.works-slider__arrow:hover{ background: rgba(0,0,0,.7); }
.works-slider__arrow--prev{ left: 10px; }
.works-slider__arrow--next{ right: 10px; }
.works-slider__dots{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 12px; }
.works-slider__dot{ width: 9px; height: 9px; padding: 0; border: 0; border-radius: 50%; background: #ccc; cursor: pointer; }
.works-slider__dot.is-active{ background: #434343; }

/* 施工事例：K様邸 説明文＋概要テーブル（シンプル・罫線ボックスなし／行下線のみ／ラベル|値） */
.kspec-desc{ margin: 0 0 22px; font-size: 15px; line-height: 1.9; }
.kspec-table{ margin: 0; }
.wp-block-table.kspec-table table{ width: 100%; border-collapse: collapse; background: transparent; }
.wp-block-table.kspec-table td{ padding: 18px 12px; border: 0; border-bottom: 1px solid #d9d7cf; font-size: 15px; line-height: 1.6; vertical-align: middle; text-align: left; }
.wp-block-table.kspec-table tr:first-child td{ border-top: 1px solid #d9d7cf; }
.wp-block-table.kspec-table td:first-child{ width: 8em; color: #8a8a83; position: relative; }
.wp-block-table.kspec-table td:first-child::after{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 1.1em; background: #c2c0b6; }
.wp-block-table.kspec-table td:last-child{ padding-left: 1.6em; color: #4a4a45; }
/* 施工事例の表組み：スマホでは本文と同じ12pxに（上下のpaddingも詰めて間延びを防ぐ） */
@media screen and (max-width: 639px){
	.wp-block-table.kspec-table td{ font-size: 12px; padding: 12px 10px; }
}

/* スマホ時のみ表示する改行（タブのラベル等で使用） */
.sp-only-br{ display: none; }
@media screen and (max-width: 639px){
	.sp-only-br{ display: inline; }
}

/* リノベーション・リフォーム（住宅リノベーション）のページタイトル：
   スマホ時は改行せず1行に収める */
@media screen and (max-width: 639px){
	body.is-renova-top h1.c-entry__title{
		font-size: 27px;
		letter-spacing: -3px;
	}
}

/* フッターのCTA注記：スマホ時のフォントを小さく（c-section-heading-set p:first-child span の16px指定を詳細度で上書き） */
@media screen and (max-width: 639px){
	footer.l-footer .footer-cta-note,
	footer.l-footer .c-section-heading-set .footer-cta-note,
	footer.l-footer .c-section-heading-set .footer-cta-note span{ font-size: 14px !important; }
}

/* renova-reform：パンくず上のページヘッダー画像（アイキャッチ）を非表示 */
body.page-id-383 .c-page-header{ display: none; }


/* フッター：Safari等が電話/FAX番号を自動リンク化した際の文字色を白に（既定の黒を上書き） */
.l-footer a[href^="tel:"],
.l-footer a[href^="fax:"],
.l-footer a[x-apple-data-detectors],
.l-footer a[x-apple-data-detectors] span{
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	text-decoration: none;
}

/* renova-reform：2つのサービスの「SERVICE 0x」と見出しを、スマホでは横並びにせず縦積み */
@media screen and (max-width: 639px){
	.service-head{
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	/* 見出し（（まるごと改修）/（部分改修））はフォントを小さくして1行に収める */
	.service-head h3.wp-block-heading{
		font-size: 16px !important;
		white-space: nowrap;
	}
}

/* スマホのみ表示する画像（例：renova-reform 2つのサービスのタイトル下画像） */
.sp-only-img{ display: none !important; }
@media screen and (max-width: 639px){
	.sp-only-img{ display: block !important; margin-top: 14px; }
}

/* スマホ：パンくずのフォントサイズを小さく（11px程度） */
@media screen and (max-width: 639px){
	.c-breadcrumbs, .c-breadcrumbs__item, .c-breadcrumbs a{ font-size: 11px !important; }
}

/* パンくずはタイトル内（「・」等）で改行させない（改行はh1のみ） */
.c-breadcrumbs__item, .c-breadcrumbs__item [itemprop="name"]{ white-space: nowrap; }
.c-breadcrumbs .sp-only-br{ display: none !important; }
/* パンくずはタイトルと同じ文字列を使うため、h1用に入れたスマホ改行(sme-br)も入ってしまう。
   <br>があると white-space:nowrap でも改行されるため、パンくず内の<br>だけ無効化する */
.c-breadcrumbs .sme-br br{ display: none !important; }

/* store_renovation Feel Free：スマホは「見出し→スライドショー→本文」の順に */
@media screen and (max-width: 639px){
	.feelfree-cols > .wp-block-column:first-child{ order: 2; }   /* 本文（左） */
	.feelfree-cols > .wp-block-column:last-child{ order: 1; }    /* スライダー（右） */
	.feelfree-cols > .wp-block-column:last-child{ margin-bottom: 16px; }
}

/* ブログ（投稿）：1カラム化した記事本文の横幅をmax-width:750pxに（個別記事のみ・アーカイブ一覧は対象外） */
body.single-post .l-contents__main{
	max-width: 750px;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ブログアーカイブ：コンテンツ下部とフッターの間に余白を作る */
body.blog .l-contents__inner:last-child{
	padding-bottom: 60px !important;
}

/* renova-reform：お客様の声（Googleクチコミ）をスマホ閲覧時のみ横スクロールのカルーセルに（「もっと見る」ボタンはカルーセルの外＝下に表示） */
@media screen and (max-width: 639px){
	body.page-id-383 .gbr-layout-cards .gbr-cards-track{
		display: flex !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		gap: 16px;
		padding-bottom: 10px;
		margin: 0 -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	body.page-id-383 .gbr-layout-cards .gbr-cards-track .gbr-review{
		flex: 0 0 85%;
		scroll-snap-align: start;
	}
}

/* お客様の声：「Googleの口コミをもっと見る →」を黒のゴーストボタンに
   （プラグイン既定は --gbr-accent のオレンジ。詳細度2クラスで上書き、!important不要） */
.voice_section .gbr-more-link{
	/* プラグイン既定の margin-top:12px を広げる */
	margin-top: 32px;
}
.voice_section .gbr-more-link a{
	border-color: #000000;
	color: #000000;
	/* 形状を SMBボタン（smb-btn--wider / is-style-ghost＝「その他のよくあるご質問はこちら」）に揃える。
	   角丸は「施工事例を見る」ボタンと同じテーマ既定値、パディングはテーマの余白変数をSMBと同じ計算で使用 */
	border-radius: var(--_global--border-radius);
	padding: calc(var(--_padding-1) * 0.5) var(--_padding3);
	font-size: 1em;
}
.voice_section .gbr-more-link a:hover{
	background: #000000;
	color: #ffffff;
}

/* bino：スマホ閲覧時、section-break-the-gridの見出し（画像の下に来る）と画像の間に余白を作る */
@media screen and (max-width: 1023px){
	body.page-id-363 .smb-section-break-the-grid__title{
		margin-top: 24px;
	}
}

/* store_renovation：スマホ閲覧時、下部FAQの左右余白を広くする */
@media screen and (max-width: 639px){
	body.page-id-385 .smb-faq .w80{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

/* よくあるご質問：スマホでは質問文を回答文と同じサイズ（12px）に揃える。
   質問側は文字サイズ指定がなくbodyを継承していたため、回答（p＝12px）より大きく見えていた */
@media screen and (max-width: 639px){
	.smb-faq__item__question__body{
		font-size: 12px;
	}
}

/* about「OND HAUSができること」：セクション内h3の上下余白をPC/スマホ共通で作る */
body.page-id-352 .smb-panels__item__body h3.wp-block-heading{
	margin-top: 20px;
	margin-bottom: 16px;
}

/* 施工事例：まるごと改修／部分改修の各セクションの上下余白を縮める
   （スペーサー削除後の間隔調整。セクション既定のpadding変数を上書き） */
.smb-section.works_section{
	--smb-section--padding: 24px;
}

/* 施工事例：各事例（左＝見出し・説明・表／右＝スライドショー）の下に余白を確保する。
   スライドショーの直下が次の事例と詰まって見えるため、事例のかたまり（カラム）単位で下余白を付ける。
   PCは行間、スマホは縦積み時のスライドショー下の余白になる。最後の事例はセクション余白と重ならないよう0。 */
.works_section .works-2col.works-kspec{
	margin-bottom: 90px;
}
.works_section .works-2col.works-kspec:last-child{
	margin-bottom: 0;
}
/* スマホは縦積みで写真が大きく、事例の切れ目が分かりにくいためさらに広げる */
@media screen and (max-width: 639px){
	.works_section .works-2col.works-kspec{
		margin-bottom: 120px;
	}
	.works_section .works-2col.works-kspec:last-child{
		margin-bottom: 0;
	}
}

/* 施工事例：スライドショー下の工事内容キャプション（整形済みテキストブロック）のフォント指定。
   整形済みテキストは既定で等幅フォントになるため、指定フォント＋和文ゴシックのフォールバックを与える */
pre.wp-block-preformatted.works_caption{
	font-family: "FP-ヒラギノ角ゴ StdN W4", "ヒラギノ角ゴ StdN W4", "Hiragino Kaku Gothic StdN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
}

/* 店舗リノベ：こんなお悩み解決いたします のカード（BinO性能セクションと同じ見た目に合わせる）
   SMBの .smb-items__item--free>__body{padding:0} に勝つため、クラス数の多いセレクタで指定（!important不要） */
.smb-items.store_worry_items .smb-items__item--free > .smb-items__item__body{
	display: flex;
	align-items: center;
	min-height: 110px;
	padding: 20px 24px;
}