@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       :#00bcd4;
	--body-icon-color-light :#00bcd488;
	--body-border-color     :#CCCCCC;
	--body-frame-color      :#89a5b0;
	
	/* 反転カラーリング */
	--accent-background-color :#00bcd4;
	--accent-font-color       :#FFFFFF;
	--accent-font-color-light :#FFFFFFA0;
	--accent-icon-color       :#FFFFFF;
	--accent-icon-color-light :#FFFFFF44;
	--accent-border-color     :#FFFFFF;
	--accent-frame-color      :#00bcd4;
	
	/* グローバルナビカラーリング */
	--navi-background-color :#dfe9ed;
	--navi-font-color       :#000000;
	--navi-font-color-light :#000000A0;
	--navi-icon-color       :#00bcd4;
	--navi-icon-color-light :#1d86ae44;
	--navi-border-color     :#00bcd4;
	--navi-frame-color      :#00bcd4;
	
	/* グレースケールカラー */
	--color-white      :#FFFFFF;
	--color-black      :#000000;
	--color-gray       :#00000088;
	--color-gray-light :#00000044;
	--color-gray-dark  :#000000AA;
	
	/* 警告色 */
	--color-warning    :#a83232;
	
	/* メインビジュアル */
	--mv-bg :'';
	--mv-bg-blur :'20px';
	--mv-bg-color :'#1d86ae';
	--mv-bg-alpha :0.3;

	--mv-image-pc :'';
	--mv-image-sp :'';

	--mv-title-frame-color :#FFFFFF;
	--mv-title-frame-size :1px;
	--mv-title-frame-radius :0.5em;

	/* ブランドカラーグラデーション */
	--brand-color-grd : linear-gradient(145deg, rgba(0,188,212,1) 0%, rgba(0,188,212,1) 55%, rgba(29,233,182,1) 100%);


}

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

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