@charset "UTF-8";
/* ----- 変数定義 ----- */
:root {
/* ----- フォントに関する変数定義 ----- */

/* 文字太さ */
--f-weight-normal:500;
--f-weight-bold:700;

/* 文字大きさ */
--f-size-xxxs:10px;
--f-size-xxs:0.6875rem; /* 11px */
--f-size-xs:0.8125rem; /* 13px */
--f-size-s:0.875rem; /* 14px */
--f-size-default:1rem; /* 16px */
--f-size-m:1.125rem; /* 18px */
--f-size-l:1.25rem; /* 20px */
--f-size-xl:1.375rem; /* 22px */
--f-size-xxl:1.5rem; /* 24px */
--f-size-xxxl:1.75rem; /* 28px */
--f-size-input:16px;

/* 使用フォント */
--f-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS ゴシック',Sans-serif;
--f-family-en:'Lucida Grande', 'Verdana', 'Helvetica', 'Arial', sans-serif;


/* ----- 余白に関する変数定義 ----- */

/* 余白(グリッドレイアウト用)※他の余白とそろえる時は値を変更 */
--gap-sm:10px;
--gap-md:15px;
--gap-lg:20px;

/* 余白(inner) */
--gap-in-sm:15px;
--gap-in-md:20px;
--gap-in-lg:30px;

/* 余白(margin・paddingなど空きを統一させるため　※サイト用に値を変更) */
--space-xs:8px;
--space-s:16px;
--space-m:24px;
--space-l:32px;
--space-xl:40px;
--space-xxl:48px;
--space-xxxl:80px;
--space-xxxxl:96px;
}