@charset "UTF-8";
/* ==========================================================================
   Foundation / variables（デザイントークン）
   ========================================================================== */
:root {
	/* ---- Color ---- */
	--color-navy:        #1b3a5b;
	--color-navy-deep:   #14304a;
	--color-navy-soft:   #5b86ad;
	--color-gold:        #c2a15b;
	--color-gold-deep:   #a8863f;

	--color-text:        #34424e;
	--color-text-light:  #6b7885;
	--color-heading:     #1b3a5b;

	--color-bg:          #ffffff;
	--color-bg-tint:     #f4f8fb;
	--color-bg-tint2:    #eaf2f8;
	--color-border:      #e2e8ee;
	--color-line:        #d9e2ea;

	--color-freedial:    #e60012;

	/* ---- Typography ---- */
	--font-sans:  "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	--font-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;

	--fs-base: 16px;     /* タブレット以上の本文基準 */
	--lh-base: 1.9;

	/* ---- Layout ---- */
	--inner-max:    1100px;  /* 1025〜1920px */
	--inner-max-xl: 1500px;  /* 1921px 以上 */
	--inner-pad:    24px;
	--inner-pad-sp: 15px;

	--header-h:     98px;
	--header-h-sp:  60px;

	/* ---- z-index ---- */
	--z-header:    900;
	--z-drawer:    1000;
	--z-hamburger: 1100;

	/* ---- Motion ---- */
	--ease: cubic-bezier(0.22, 1, 0.36, 1);
}