/* =====================================
   Header CTA custom
   PC only / SP keeps TCD default
===================================== */

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

	/* ヘッダー全体 */
	.header-bar{
		padding-bottom: 16px;
	}

	.header-bar-inner{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 40px;
	}

	.logo{
		flex: 0 0 auto;
	}

	/* 右側エリア */
	.header-right-area{
		margin-left: auto;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 10px;
		padding-top: 0;
	}

	/* CTA列 */
	.header-cta{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 18px;
	}

	/* 電話 */
	.header-tel{
		display: inline-flex;
		align-items: center;
		height: 56px;
		line-height: 1;
		margin: 0;
		padding: 0;
	}

	.header-tel a{
		display: inline-flex;
		align-items: center;
		height: 56px;
		line-height: 1;
		margin: 0;
		padding: 0;
		font-size: 28px;
		font-weight: 700;
		letter-spacing: 1px;
		color: #333;
		text-decoration: none;
		white-space: nowrap;
	}

	.header-tel a::before{
		content: "☎";
		display: inline-block;
		margin-right: 10px;
		font-size: 24px;
		line-height: 1;
	}

	/* LINE */
	.header-line{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 60px;
		height: 56px;
		padding: 0;
		background: transparent;
		text-decoration: none;
	}

	.header-line img{
		display: block;
		width: 40px;
		height: auto;
	}

	/* お問い合わせ */
	.header-contact{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 56px;
		padding: 0 34px;
		background: #e60012;
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		text-decoration: none;
		white-space: nowrap;
		border-radius: 0;
		transition: background .2s ease;
	}

	.header-contact::before{
		content: "✉";
		display: inline-block;
		margin-right: 10px;
		font-size: 22px;
		line-height: 1;
	}

	.header-contact:hover{
		background: #c40010;
		color: #fff;
	}

	/* グローバルナビ */
	.global-nav{
		margin: 0 0 8px 0;
		width: auto;
	}

	.global-nav > ul{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: wrap;
		gap: 28px;
		margin: 0;
		padding: 0;
	}

	.global-nav > ul > li{
		margin: 0;
		padding: 0;
	}

	.global-nav > ul > li > a{
		display: block;
		padding: 0;
		height: auto;
		line-height: 1.4;
		background: none !important;
	}
}

/* =====================================
   SP: 追加CTAは消してテーマ標準に戻す
===================================== */
@media only screen and (max-width: 991px){
	.header-cta{
		display: none !important;
	}
}
.header-contact{
box-shadow:0 3px 10px rgba(0,0,0,0.15);
}