@charset "UTF-8";
/*
Template: arkhe
Theme Name: Arkhe Child
Theme URI: https://arkhe-theme.com/ja/
Description: Arkhe用子テーマ
Version: 1.0.0
Text Domain: arkhe
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ========================================
   Google Fonts
   Zen Kaku Gothic New / Montserrat
======================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');


/* ========================================
   電話番号 共通
======================================== */

.tel-num {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #4DA9A3;
	text-decoration: none;
	white-space: nowrap;
}

.tel-num:hover {
	color: #4DA9A3;
	opacity: 0.75;
}

.tel-num__icon {
	width: 20px;
	height: 20px;
	fill: currentColor;
	flex: 0 0 auto;
}

.tel-num__number {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.03em;
}


/* ========================================
   PCヘッダー
======================================== */

@media (min-width: 1000px) {

	/* ヘッダーだけ1200px制限を解除 */
	#header .l-header__body {
		width: 100%;
		max-width: none;
		padding-left: 30px;
		padding-right: 30px;
	}

	/* 右側：ナビ + TEL */
	#header .l-header__right {
		display: flex;
		align-items: center;
	}

	/* TELとナビの間隔 */
	#header .tel-num {
		margin-left: 32px;
	}

}

/* ========================================
   フッター TEL
======================================== */

footer .tel-num {
	color: #4DA9A3;
	margin-top: 8px;
}

footer .tel-num__icon {
	width: 22px;
	height: 22px;
}

footer .tel-num__number {
	font-size: 26px;
}


/* ========================================
   スマートフォン・タブレット
======================================== */

@media (max-width: 999px) {

	/* PCヘッダー用TELは非表示 */
	#header .tel-num {
		display: none;
	}

}