:is(#header, #fix_header) .l-header__inner{
	max-width: 1376px;
}
#header .l-header__logo{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

/* グロナビ */
:is(#header, #fix_header) .ttl{
	font-family: var(--ff-gz);
	font-weight: var(--fw-lg);
	font-size: 1rem;
}

/*===============================
* 問い合わせボタン
* =================================*/
:is(#header, #fix_header) #custom_html-2 .textwidget{
	display: flex;
}
:is(#header, #fix_header) .c-gradientBtn{
	min-width: 10rem;
	padding: .5rem;
}

/*===============================
* CTA
* =================================*/
.hdr-cta{
	position: absolute;
	top: calc( 100% - 1px );
	right: calc( 50% - 50vw );
	padding: 1.25rem;
	background: var(--c-light);
	border-bottom-left-radius: var(--bd-r--lg);
	box-shadow: 0 3px 3px var(--swl-color_shadow);
}
.hdr-cta__note{
text-align: center;
	font-size: .625rem;
}
.hdr-cta__tel{
	display: flex;
	gap: .25em;
	margin-bottom: .25em;
	line-height: var(--lh-xs);
	color: var(--c-act01);
	font-size: 2rem;
	font-weight: var(--fw-xl);
	font-family: var(--ff-gz);
}
.hdr-cta__tel svg{
	width: .75em;
}
.hdr-cta__info{
	text-align: center;
	font-size: .625rem;
}



/*===============================================================================
ハンバーガーメニューの開閉ボタンの位置を揃える
================================================================================*/
@media not all and (min-width: 960px){
	:root{
		--header-vertical-gap: 1.125rem;
		--header-side-gap: 1.125rem;
		--icon-size: 1.5rem;
	}

	/* ヘッダーロゴ周りの余白を削除 */
	:is(#header, #fix_header) :is(.l-header__logo, .c-headLogo__link){
		padding: 0;
	}
	/* ヘッダーロゴ：左側の余白 */
	:is(#header, #fix_header) :is(.c-headLogo__link){
		padding-left: var(--header-side-gap);
	}

	/* 開けるボタンの位置 */
	#header .c-iconBtn {
		padding: var(--header-vertical-gap) var(--header-side-gap);
	}

	/* 閉じるボタンの位置 */
	#sp_menu .p-spMenu__closeBtn{
		top: calc( var(--swl-headerH) * -1 );
	}

	/*===============================
	アイコン
	* =================================*/
	/* アイコン：区切り線 */
	#header .l-header__customBtn,
	#header .l-header__menuBtn, 
	#sp_menu .p-spMenu__closeBtn{
		border-left: 1px solid var(--c-gray);
	}

	/* アイコン：サイズの変更 */
	#header .l-header__customBtn,
	#header .l-header__menuBtn, 
	#sp_menu .p-spMenu__closeBtn{
		width: calc( var(--icon-size) * 2.5 );
		height: calc( var(--icon-size) * 2.5 );
	}
	#header .l-header__customBtn,
	#header .c-iconBtn, 
	#sp_menu .c-iconBtn{
		font-size: var(--icon-size);
	}

	/* ハンバーガーアイコン色の変更 */
	#header .c-iconBtn__icon, 
	#sp_menu .c-iconBtn__icon{
		color: var(--c-act01);
	}

	#sp_menu .p-spMenu__closeBtn{
		background-image: var(--bgi);
	}
}



/*===============================================================================
ハンバーガーメニュー内
================================================================================*/
#sp_menu{
	top: var(--swl-headerH);
	height: calc( 100% - var(--swl-headerH) );
}
#sp_menu .p-spMenu__inner{
	width: 100vw;
	box-shadow: none;
	padding-top: 0;
}
/* 背景色 */
#sp_menu .p-spMenu__inner::before{
	background: transparent;
	background-image: var(--bgi);
}
#sp_menu .p-spMenu__body{
	padding: var(--g-sec--lg) 4vw;
}
#sp_menu .c-widget__title{
	display: none;
}

/*===============================
* ナビ
* =================================*/
#sp_menu .p-spMenu__nav{
	max-width: 20rem;
	margin-top: 0;
	margin-inline: auto;
}
#sp_menu .p-spMenu__nav > ul > li:not(:last-of-type){
	border-bottom: 1px dashed var(--c-main);
}
#sp_menu .p-spMenu__nav > ul > li > a{
	padding: 1em;
}
#sp_menu .p-spMenu__nav a{
	border-bottom: 0;
}
#sp_menu .p-spMenu__nav a::before{
	left: auto;
	right: 2px;
}

/* 2階層目 */
#sp_menu .p-spMenu__nav .sub-menu li{
	margin-bottom: .75em;
}
#sp_menu .p-spMenu__nav .sub-menu a{
	padding-top: 0;
	padding-bottom: 0;
}
#sp_menu .p-spMenu__nav .sub-menu a::after{
	position: absolute;
	top: 50%;
	left: 1.5em;
	transform: translateY(-50%);
	content: "-";
	display: inline-block;
	vertical-align: middle;
	color: inherit;
}

/*===============================
* ハンバーガー内CTA
* =================================*/
#sp_menu .hmbg-cta{
	max-width: 20rem;
	margin-top: 0;
	margin-inline: auto;
	text-align: center;
}
#sp_menu .hmbg-cta__note{
	font-size: .625rem;
}
#sp_menu .hmbg-cta__tel{
	margin-bottom: 1.75rem;
}
#sp_menu .hmbg-cta__number{
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: .25em;
	margin-bottom: .25em;
	line-height: var(--lh-xs);
	color: var(--c-act01);
	font-size: 2.5rem;
	font-weight: var(--fw-xl);
	font-family: var(--ff-gz);
}
#sp_menu .hmbg-cta__number svg{
	width: .75em;
}
#sp_menu .hmbg-cta__time{
	font-size: .625rem;
}

.hmbg-cta__contact .c-gradientBtn{
	display: inline-flex;
	justify-content: center;
	gap: .6em;
	font-size: 1.25rem;
	color: var(--c-light);
}
.hmbg-cta__contact .c-gradientBtn svg{
	width: 1.25em;
}