/*---------------------------------
	CSS variables start
---------------------------------*/
:root {
	/* font */
	--f-family-base: "Noto Sans JP", YuGothic,"Yu Gothic","Avenir","Helvetica Neue","Helvetica","Arial","Hiragino Sans","ヒラギノ角ゴシック","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	--f-weight-normal: 400;
	--f-weight-bold: 700;
	
	/* color */
	--c-hex-base: #333;
	--c-hex-gray: #888;
	--c-hex-lightgray: #AAA;
	--c-hex-warning: #EE3333;
	--c-hex-theme: #017CC8;
	--c-rgb-theme: 1,124,200;
	--c-hex-themeContrast: #FFF;

	/* bg */
	--bg-hex-light: #FFF;
	--bg-hex-lightgray: #F0F0F0;
	--bg-hex-theme: #017CC8;
	--bg-hex-theme-light01: #018EE4;
	--bg-hex-theme-light02: #E6F5FF;
	
	/* css easing*/
	--v-animEase-linear: cubic-bezier(0.0, 0.0, 1.0, 1.0);

	--v-animEase-easeInSine: cubic-bezier(0.47, 0, 0.745, 0.715);
	--v-animEase-easeOutSine: cubic-bezier(0.39, 0.575, 0.565, 1);
	--v-animEase-easeInOutSine: cubic-bezier(0.445, 0.05, 0.55, 0.95);

	--v-animEase-easeInQuad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
	--v-animEase-easeOutQuad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	--v-animEase-easeInOutQuad: cubic-bezier(0.455, 0.03, 0.515, 0.955);

	--v-animEase-easeInCubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	--v-animEase-easeOutCubic: cubic-bezier(0.215, 0.61, 0.355, 1);
	--v-animEase-easeInOutCubic: cubic-bezier(0.645, 0.045, 0.355, 1);

	--v-animEase-easeInQuart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
	--v-animEase-easeOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);
	--v-animEase-easeInOutQuart: cubic-bezier(0.77, 0, 0.175, 1);

	--v-animEase-easeInQuint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	--v-animEase-easeOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
	--v-animEase-easeInOutQuint: cubic-bezier(0.86, 0, 0.07, 1);

	--v-animEase-easeInExpo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
	--v-animEase-easeOutExpo: cubic-bezier(0.19, 1, 0.22, 1);
	--v-animEase-easeInOutExpo: cubic-bezier(1, 0, 0, 1);

	--v-animEase-easeInCirc: cubic-bezier(0.6, 0.04, 0.98, 0.335);
	--v-animEase-easeOutCirc: cubic-bezier(0.075, 0.82, 0.165, 1);
	--v-animEase-easeInOutCirc: cubic-bezier(0.785, 0.135, 0.15, 0.86);

	--v-animEase-easeInBack: cubic-bezier(0.6, -0.28, 0.735, 0.045);
	--v-animEase-easeOutBack: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	--v-animEase-easeInOutBack: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	
}

/*---------------------------------
	CSS variables end
---------------------------------*/

/*---------------------------------
	common start
---------------------------------*/
body{
	font-family: var(--f-family-base);
	font-size: 18px;
	font-weight: var(--f-weight-normal);
	color: var(--c-hex-base);
}

@media(max-width: 600px){
	body{
		font-size: calc(16px * 0.9);
	}
}

table{
	table-layout: fixed;
}

h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: inherit;
	margin-bottom: 1em;
}

img{
	display: block;
	max-width: 100%;
}

a{
	text-decoration: underline;
}

a[href^="tel"],
a[href^="tel"]:hover{
	color: inherit;
	text-decoration: none;
}
	
@media(min-width: 601px){
	a[href^="tel"],
	a[href^="tel"]:hover{
		cursor: default;
		pointer-events: none;
		
	}
}

/*---------------------------------
	common end
---------------------------------*/