@charset "utf-8";

/*
************************************************************************
 基準値
************************************************************************
*/
:root {
	
	/* 基本サイズ */
	--body-width-pc:1040px;
	--base-font-size:1.4rem;
	--base-font-size-sp:2.0rem;
	
	/* 基本フォント */
	--font-jp    :'Noto Sans JP';
	--font-num   :'Noto Serif JP';
	--font-accent:'Noto Serif JP';
	
	/* 基本の角丸 */
	--border-radius: 1.0em;
	
	/* 基本カラーリング */
	--body-background-color :#FFFFFF;
	--body-font-color       :#000000;
	--body-font-color-light :#000000A0;
	--body-icon-color       :#1d86ae;
	--body-icon-color-light :#1d86ae88;
	--body-border-color     :#CCCCCC;
	--body-frame-color      :#89a5b0;
	
	/* 反転カラーリング */
	--accent-background-color :#1d86ae;
	--accent-font-color       :#FFFFFF;
	--accent-font-color-light :#FFFFFFA0;
	--accent-icon-color       :#FFFFFF;
	--accent-icon-color-light :#FFFFFF44;
	--accent-border-color     :#086285;
	--accent-frame-color      :#086285;
	
	/* グローバルナビカラーリング */
	--navi-background-color :#dfe9ed;
	--navi-font-color       :#000000;
	--navi-font-color-light :#000000A0;
	--navi-icon-color       :#1d86ae;
	--navi-icon-color-light :#1d86ae44;
	--navi-border-color     :#1d86ae;
	--navi-frame-color      :#1d86ae;
	
	/* グレースケールカラー */
	--color-white      :#FFFFFF;
	--color-black      :#000000;
	--color-gray       :#00000088;
	--color-gray-light :#00000044;
	--color-gray-dark  :#000000AA;
	
	/* 警告色 */
	--color-warning    :#a83232;
	
	/* メインビジュアル */
	--mv-image-pc :;
	--mv-image-sp :;
}

/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1040px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
}