@charset "utf-8";

@font-face{
	font-family: 'Noto Sans';
	font-weight: 100; /* ((( 350 */
	src: url('..//font/NotoSans-Thin.eot');
	src: local('☺'),
				/*url(..//font/NotoSans-Thin.woff2) format('woff2'),*/
				url('..//font/NotoSans-Thin.woff') format('woff');
}
@font-face{
	font-family: 'Noto Sans';
	font-weight: 300; /* ((( 350 */
	src: url('..//font/NotoSans-Light.eot');
	src: local('☺'),
				/*url(..//font/NotoSans-Light.woff2) format('woff2'),*/
				url('..//font/NotoSans-Light.woff') format('woff');
}
@font-face{
	font-family: 'Noto Sans';
	font-weight: 400; /* ((( 350 */
	src: url('..//font/NotoSans-DemiLight.eot');
	src: local('☺'),
				/*url(..//font/NotoSans-DemiLight.woff2) format('woff2'),*/
				url('..//font/NotoSans-DemiLight.woff') format('woff');
}
@font-face{
	font-family: 'Noto Sans';
	font-weight: 500; /* ((( 400 */
	src: url('..//font/NotoSans-Regular.eot');
	src: local('☺'),
				/*url(..//font/NotoSans-Regular.woff2) format('woff2'),*/
				url('..//font/NotoSans-Regular.woff') format('woff');
}
@font-face{
	font-family: 'Noto Sans';
	font-weight: 600; /* ((( 500 */
	src: url('..//font/NotoSans-Medium.eot');
	src: local('☺'),
				/*url(..//font/NotoSans-Medium.woff2) format('woff2'),*/
				url('..//font/NotoSans-Medium.woff') format('woff');
}
@font-face{
	font-family: 'Noto Sans';
	font-weight: 700; /* ((( 500 */
	src: url('..//font/NotoSans-Bold.eot');
	src: local('☺'),
				/*url(..//font/NotoSans-Bold.woff2) format('woff2'),*/
				url('..//font/NotoSans-Bold.woff') format('woff');
}

:root {
	/*font-size*/
	--font-size-12: 0.75rem;
	--font-size-14: 0.875rem;
	--font-size-16: 1rem;
	--font-size-17: 1.0625rem;
	--font-size-18: 1.125rem;
	--font-size-20: 1.25rem;
	--font-size-22: 1.375rem;
	--font-size-24: 1.5rem;
	--font-size-26: 1.625rem;
	--font-size-28: 1.75rem;
	--font-size-30: 1.875rem;
	--font-size-32: 2rem;
	--font-size-36: 2.25rem;
	--font-size-40: 2.5rem;
	--font-size-42: 2.625rem;
	--font-size-48: 3rem;
	--font-size-54: 3.375rem;
	--font-size-64: 4rem;
	--font-size-72: 4.5rem;
	/*font-weight*/
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: bold;
	--font-bl: 900;
}

/*font size*/
.fs_12{font-size: var(--font-size-12);}
.fs_14{font-size: var(--font-size-14);}
.fs_16{font-size: var(--font-size-16);}
.fs_17{font-size: var(--font-size-17);}
.fs_18{font-size: var(--font-size-18);}
.fs_20{font-size: var(--font-size-20);}
.fs_22{font-size: var(--font-size-22);}
.fs_24{font-size: var(--font-size-24);}
.fs_26{font-size: var(--font-size-26);}
.fs_28{font-size: var(--font-size-28);}
.fs_30{font-size: var(--font-size-30);}
.fs_32{font-size: var(--font-size-32);}
.fs_36{font-size: var(--font-size-36);}
.fs_40{font-size: var(--font-size-40);}
.fs_42{font-size: var(--font-size-42);}
.fs_48{font-size: var(--font-size-48);}
.fs_54{font-size: var(--font-size-54);}
.fs_64{font-size: var(--font-size-64);}
.fs_72{font-size: var(--font-size-72);}

@media screen and (max-width:768px){
	.fs_72 {font-size:38px;}
	.fs_64 {font-size:34px;}
	.fs_54 {font-size:30px;}
	.fs_48 {font-size:26px;}
	.fs_42 {font-size:24px;}
	.fs_40 {font-size:24px;}
	.fs_36 {font-size:24px;}
	.fs_32 {font-size:22px;}
	.fs_30 {font-size:20px;}
	.fs_28 {font-size:18px;}
	.fs_26 {font-size:18px;}
	.fs_24 {font-size:17px;}
	.fs_22 {font-size:16px;}
	.fs_20 {font-size:16px;}
	.fs_18 {font-size:14px;}
	.fs_16 {font-size:12px;}
	.fs_14 {font-size:12px;}
	.fs_12 {font-size:11px;}
}

/*font weight*/
.font_r{font-weight: var(--font-r);}
.font_m{font-weight: var(--font-m);}
.font_sb{font-weight: var(--font-sb);}
.font_b{font-weight: var(--font-b);}
.font_bl{font-weight: var(--font-bl);}