/*フォント*/
.wp-block-columns .font-koburina, li.font-koburina{
	font-size:14px;
	font-family: 'こぶりなゴシック StdN W3', 'Hiragino Kaku Gothic ProN', '游ゴシック', 'Yu Gothic', 'メイリオ', 'Meiryo', sans-serif !important;
}

li.font-koburina span, .font-koburina{
	font-family: 'こぶりなゴシック StdN W3', 'Hiragino Kaku Gothic ProN', '游ゴシック', 'Yu Gothic', 'メイリオ', 'Meiryo', sans-serif !important;
}

/* フォーム共通調整 */
span.wpcf7-list-item {
    margin: 0 1em 0 0 !important;
}

/* カタログフォーム調整 */


dd.cat-form-postal-code div.flex span{
	display:block;
	max-width:300px;
}

dd.cat-form-postal-code div.flex span input{
	max-width:300px;
}

@media screen and (min-width:1024px){
	dd.cat-form-postal-code div.flex{
		display:flex;
	}
	dd.cat-form-postal-code div.flex p{
		margin:7px 0 0 10px;
	}
}



#your-check span:first-child{
	    margin: 0px 0px 0px 1em;
}

@media screen and (min-width:1024px){
	br.sp-br{
		display:none;
	}
}


/* 家づくり相談会フォーム調整*/
body.postid-58955 #place{
	display:block;
}

h2,h3 {
  scroll-margin-top: 100px !important; /* ヘッダーの高さ分 */
}



/*ヘッダー調整*/
@media screen and (max-width:1023px){
	.g-header__nav .menu-globalnav-container{
		display:none !important;
	}
	.g-modalnav__columns .menu .menu-item a:not(.sub-menu a){
		font-size:16px !important;
	}
	.g-header__inner .g-header__btn{
		text-align:right;
	}
	.g-header__inner{
		display:flex !important;
	}
}
/*その他便利スタイル*/
/*改行を綺麗にしやすく　※wbr前提*/
.my-text-wrap{
	word-break:keep-all !important;
	overflow-wrap:break-word !important;
}


.const_area_btns {
	display: grid !important;
	gap: 20px;
}
.const_area_btns .smb-btn{
	width:100%;
	border:1px solid #AB9777;
	background-color:#fff;
	color:#AB9777;
}
@media screen and (min-width:1024px){
	.const_area_btns{
		grid-template-columns: repeat(4, 1fr);
	}
}

@media screen and (max-width:1023px){
	.const_area_btns {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.housing-cafe-box-text2 span{
		font-size:20px !important;
	}
	.housing-cafe-box p:not(.housing-cafe-box-text1 , .housing-cafe-box-text2){
		/*text-align:left;*/
	}
}

@media screen and (min-width:1024px){
	.c-entry__title__custom p{
		display:flex;
		align-items:center;
	}
}
@media screen and (max-width:1023px){
	.c-entry__title__custom p span{
		font-size:4.3243243243vw !important;
	}
	.c-entry__title__custom  span[style*="font-size: 16px"] {
		font-size:3.5vw !important;
	}
	.c-entry__title__custom  span[style*="font-size: 14px"] {
		font-size:3.5vw !important;
	}
	.c-entry__title__custom  span[style*="font-size: 13px"] {
		font-size:3.5vw !important;
	}
	.c-entry__title__custom  span[style*="font-size: 12px"] {
		font-size:3.5vw !important;
	}
	.c-entry__title__custom  span[style*="font-size: 10px"] {
		font-size:3.5vw !important;
	}
	.c-entry__title__custom p > span:first-child{
		display:block;
	}
}

/*地域バナー用スタイル*/
.g-footer__area__heading{
	line-height: 2.5;
}
.g-footer__area__content {
  position: relative;
  aspect-ratio: 960 / 335;
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.g-footer__area__content::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease, filter 0.4s ease;
  z-index: 1;
}

.g-footer__area .g-footer__area__content--area1::before {
  background-image:
    linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
    url("https://thehaus.jp/wppr/wp-content/uploads/2026/05/area-kita.jpg");
}

.g-footer__area .g-footer__area__content--area2::before {
  background-image:
    linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
    url("https://thehaus.jp/wppr/wp-content/uploads/2026/05/area-oita.jpg");
}
.g-footer__area{
	column-gap:0 !important;
}
.g-footer__area__content a{
	color: #fff;
  text-decoration: none;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
  transition: all 0.4s;
}
.g-footer__area__content a p{
	margin-top: 15px;
}
.g-footer__area{
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100vw;
  margin-left: calc(50% - 50vw);
}
.g-footer__area__title_wrapper{
	padding-left: 20px;
	padding-right: 20px;
	grid-column: 1 / 3;
}
.g-footer__area__subtitle{
	text-align: center;
	margin-top: 14px;
}
.g-footer__area__content h4{
	font-size: 1.5625vw;
}
.g-footer__area__content_subtitle{
	font-size: 1.2vw;
}
@media (min-width: 1024px) {
  .g-footer__area__content:hover::before {
    transform: scale(1.08);
  }
  .g-footer__area__content a:hover{
		opacity: 0.7;
	}
}
@media (max-width: 639px){
	.g-footer__area__content{
		margin-bottom: 0 !important;
	}
	.g-footer__area__content h4 , .g-footer__area__content_subtitle {
		font-size: 3.7837837838vw;
	}
	.g-footer__area__content a p{
		margin-top: 3px !important;
	}
}
/* === PROCS PAGE: thehaus-faq BEGIN === */
/* トップ：メインビジュアル動画を固定し、コンテンツが上にせり上がる（767px以下は現状のまま） */
@media (min-width: 768px) {
	.home .g-home__mv__inner {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 0;
	}
	.home .l-container {
		position: relative;
		z-index: 1;
		background-color: var(--color-bg);
	}
}

/* FAQセクション */
.thehaus-faq {
	position: relative;
	overflow: hidden;
	color: var(--color-white);
}
.thehaus-faq .smb-section__inner {
	/* 背景動画をセクション全面に敷くため、基準を .thehaus-faq に戻す */
	position: static;
}
.thehaus-faq .thehaus-faq__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.thehaus-faq .thehaus-faq__bg__video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.thehaus-faq .thehaus-faq__bg::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(21, 22, 23, 0.6);
}
.thehaus-faq .thehaus-faq__columns {
	position: relative;
	z-index: 1;
	gap: min(5vw, 96px);
}
.thehaus-faq .thehaus-faq__en {
	margin-bottom: 16px;
}
.thehaus-faq .thehaus-faq__ttl {
	font-size: min(1.5625vw, 30px);
	letter-spacing: 0.08em;
	margin-top: 0;
	margin-bottom: 24px;
}
.thehaus-faq .thehaus-faq__lead {
	font-size: min(0.9375vw, 16px);
	line-height: 2;
}

/* 質問一覧（Qをクリックすると回答がフェードで開く） */
.thehaus-faq .smb-accordion {
	--smb-accordion--gap: 0px;
}
.thehaus-faq .smb-accordion .smb-accordion__item {
	background-color: transparent;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.thehaus-faq .smb-accordion .smb-accordion__item__title {
	background-color: transparent;
	color: var(--color-white);
	padding: min(1.5625vw, 24px) 0;
}
.thehaus-faq .smb-accordion .smb-accordion__item__title__label {
	font-size: min(1.0416vw, 18px);
	letter-spacing: 0.06em;
	line-height: 1.6;
}
.thehaus-faq .smb-accordion .smb-accordion__item__title__icon {
	color: var(--color-white);
	opacity: 0.8;
}
.thehaus-faq .smb-accordion .smb-accordion__item__body {
	display: grid;
	grid-template-rows: 0fr;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	transition: grid-template-rows 0.5s cubic-bezier(0.26, 0.06, 0, 1), opacity 0.5s ease, padding 0.5s ease;
}
.thehaus-faq .smb-accordion .smb-accordion__item__body > * {
	min-height: 0;
	margin-top: 0;
}
.thehaus-faq .smb-accordion .smb-accordion__item__body p {
	font-size: min(0.9375vw, 16px);
	line-height: 2;
}
.thehaus-faq .smb-accordion .smb-accordion__item__control:checked + .smb-accordion__item__title + .smb-accordion__item__body {
	grid-template-rows: 1fr;
	opacity: 1;
	padding-bottom: min(1.5625vw, 24px);
}

@media (max-width: 767px) {
	.thehaus-faq .thehaus-faq__columns {
		gap: 24px;
	}
	.thehaus-faq .thehaus-faq__ttl {
		font-size: min(5.4054vw, 22px);
	}
	.thehaus-faq .thehaus-faq__lead,
	.thehaus-faq .smb-accordion .smb-accordion__item__body p {
		font-size: min(3.7837vw, 15px);
	}
	.thehaus-faq .smb-accordion .smb-accordion__item__title__label {
		font-size: min(4.0540vw, 16px);
	}
	.thehaus-faq .smb-accordion .smb-accordion__item__title {
		padding: 16px 0;
	}
}
/* === PROCS PAGE: thehaus-faq END === */