@charset "UTF-8";

:root {
	/* default */
	--color-def : #09102F;
	--color-sec : #666;
	--color-whi : #fff;
	--color-gra : #949494;
	--color-dar : #232323;
	--color-bg1 : #f7f7f7;
	--color-blue1 : #0B266F;
	--color-blue2 : #397EE6;
	--color-blue3 : #39B4E6;
	--color-purple1 : #E643B6;
	--color-purple2 : #9543E6;
	--color-purple3 : #CC42E6;
	--color-orange1 : #E53D30;
	--color-orange2 : #E65C30;
	--color-orange3 : #E65C30;
	--color-yellow1 : #E5B12B;
	--color-yellow2 : #E6C72C;
	--color-yellow3 : #E6DE2C;
	--color-green1 : #2CE657;
	--color-green2 : #92E62C;
	--color-green3 : #3EE66E;
	--line : #e1e1e1;
	--line-point : #6085FF;
	--line-dark : #454545;
	--event-bg1 : #EDEF6C;
	--event-bg2 : #D4F9F9;
	--event-bg3 : #FCC7DD;
	--event-bg4 : #D1EBFF;
	--event-bg5 : #F4C386;
	--event-bg6 : #D1D8FF;
	--event-bg7 : #EABDF2;
		
	/* size */
	--fs-12: 0.75rem;
	--fs-13: 0.8125rem;
	--fs-14: 0.875rem;
	--fs-15: 0.9375rem;
	--fs-16: 1rem;
	--fs-17: 1.0625rem;
	--fs-18: 1.125rem;
	--fs-21: 1.3125rem;
	--fs-24: 1.5rem;
	--fs-32: 2rem;
	--fs-46: 2.875rem;
	--fs-57: 3.5625rem;
	--fs-64: 4rem;
	--fs-72: 4.5rem;
	--fs-82: 5.125rem;
	--fs-124: 7.75rem;
}

/*=================================================================================
* font-size
=================================================================================*/
.fp-12 { font-size: var(--fs-12); }
.fp-13 { font-size: var(--fs-13); }
.fp-14 { font-size: var(--fs-14); }
.fp-15 { font-size: var(--fs-15); }
.fp-16 { font-size: var(--fs-16); }
.fp-17 { font-size: var(--fs-17); }
.fp-18 { font-size: var(--fs-18); }
.fts-21 { font-size: var(--fs-21); }
.fts-24 { font-size: var(--fs-24); }
.fts-32 { font-size: var(--fs-32); }
.fts-46 { font-size: var(--fs-46); }
.ftb-57 { font-size: var(--fs-57); }
.ftb-64 { font-size: var(--fs-64); }
.ftb-72 { font-size: var(--fs-72); }
.ftb-82 { font-size: var(--fs-82); }
.ftb-124 { font-size: var(--fs-124); }

/*=================================================================================
* color
=================================================================================*/
.te-def { color:  var(--color-def); }
.te-sec { color: var(--color-sec); }
.te-whi { color: var(--color-whi); }
.te-blue1 { color: var(--color-blue1); }
.te-blue2 { color: var(--color-blue2); }
.te-blue3 { color: var(--color-blue3); }
.te-purple1 { color: var(--color-purple1); }
.te-purple2 { color: var(--color-purple2); }
.te-purple3 { color: var(--color-purple3); }
.te-orange1 { color: var(--color-orange1); }
.te-orange2 { color: var(--color-orange2); }
.te-orange3 { color: var(--color-orange3); }
.te-yellow1 { color: var(--color-yellow1); }
.te-yellow2 { color: var(--color-yellow2); }
.te-yellow3 { color: var(--color-yellow3); }
.te-green1 { color: var(--color-green1); }
.te-green2 { color: var(--color-green2); }
.te-green3 { color: var(--color-green3); }
.bg-1 { background-color: var(--color-bg1); }
.boder-1 { border: solid 1px var(--line); }
.boder-2 { border: solid 1px var(--line-point); }
.boder-3 { border: solid 1px var(--line-dark); }

/*=================================================================================
* padding
=================================================================================*/
.p-0 { padding: 0!important; }
.p-5 { padding: 0.3125rem; }
.p-10 { padding: 0.625rem; }
.p-15 { padding: 0.9375rem; }
.p-20 { padding: 1.25rem; }
.p-25 { padding: 1.5625rem; }
.p-30 { padding: 1.875rem; }
.p-35 { padding: 2.1875rem; }
.p-40 { padding: 2.5rem; }
.p-45 { padding: 2.8125rem; }
.p-50 { padding: 3.125rem; }
.pt-5 { padding-top: 0.3125rem; }
.pt-10 { padding-top: 0.625rem; }
.pt-15 { padding-top: 0.9375rem; }
.pt-20 { padding-top: 1.25rem; }
.pt-25 { padding-top: 1.5625rem; }
.pt-30 { padding-top: 1.875rem; }
.pt-35 { padding-top: 2.1875rem; }
.pt-40 { padding-top: 2.5rem; }
.pt-45 { padding-top: 2.8125rem; }
.pt-50 { padding-top: 3.125rem; }
.pr-5 { padding-right: 0.3125rem; }
.pr-10 { padding-right: 0.625rem; }
.pr-15 { padding-right: 0.9375rem; }
.pr-20 { padding-right: 1.25rem; }
.pr-25 { padding-right: 1.5625rem; }
.pr-30 { padding-right: 1.875rem; }
.pr-35 { padding-right: 2.1875rem; }
.pr-40 { padding-right: 2.5rem; }
.pr-45 { padding-right: 2.8125rem; }
.pr-50 { padding-right: 3.125rem; }
.pb-5 { padding-bottom: 0.3125rem; }
.pb-10 { padding-bottom: 0.625rem; }
.pb-15 { padding-bottom: 0.9375rem; }
.pb-20 { padding-bottom: 1.25rem; }
.pb-25 { padding-v: 1.5625rem; }
.pb-30 { padding-bottom: 1.875rem; }
.pb-35 { padding-bottom: 2.1875rem; }
.pb-40 { padding-bottom: 2.5rem; }
.pb-45 { padding-bottom: 2.8125rem; }
.pb-50 { padding-bottom: 3.125rem; }
.pl-5 { padding-left: 0.3125rem; }
.pl-10 { padding-left: 0.625rem; }
.pl-15 { padding-left: 0.9375rem; }
.pl-20 { padding-left: 1.25rem; }
.pl-25 { padding-left: 1.5625rem; }
.pl-30 { padding-left: 1.875rem; }
.pl-35 { padding-left: 2.1875rem; }
.pl-40 { padding-left: 2.5rem; }
.pl-45 { padding-left: 2.8125rem; }
.pl-50 { padding-left: 3.125rem; }

/*=================================================================================
* margin
=================================================================================*/
.m-0 { margin: 0!important; }
.m-5 { margin: 0.3125rem; }
.m-10 { margin: 0.625rem; }
.m-15 { margin: 0.9375rem; }
.m-20 { margin: 1.25rem; }
.m-25 { margin: 1.5625rem; }
.m-30 { margin: 1.875rem; }
.m-35 { margin: 2.1875rem; }
.m-40 { margin: 2.5rem; }
.m-45 { margin: 2.8125rem; }
.m-50 { margin: 3.125rem; }
.mt-5 { margin-top: 0.3125rem; }
.mt-10 { margin-top: 0.625rem; }
.mt-15 { margin-top: 0.9375rem; }
.mt-20 { margin-top: 1.25rem; }
.mt-25 { margin-top: 1.5625rem; }
.mt-30 { margin-top: 1.875rem; }
.mt-35 { margin-top: 2.1875rem; }
.mt-40 { margin-top: 2.5rem; }
.mt-45 { margin-top: 2.8125rem; }
.mt-50 { margin-top: 3.125rem; }
.mr-5 { margin-right: 0.3125rem; }
.mr-10 { margin-right: 0.625rem; }
.mr-15 { margin-right: 0.9375rem; }
.mr-20 { margin-right: 1.25rem; }
.mr-25 { margin-right: 1.5625rem; }
.mr-30 { margin-right: 1.875rem; }
.mr-35 { margin-right: 2.1875rem; }
.mr-40 { margin-right: 2.5rem; }
.mr-45 { margin-right: 2.8125rem; }
.mr-50 { margin-right: 3.125rem; }
.mb-5 { margin-bottom: 0.3125rem; }
.mb-10 { margin-bottom: 0.625rem; }
.mb-15 { margin-bottom: 0.9375rem; }
.mb-20 { margin-bottom: 1.25rem; }
.mb-25 { margin-bottom: 1.5625rem; }
.mb-30 { margin-bottom: 1.875rem; }
.mb-35 { margin-bottom: 2.1875rem; }
.mb-40 { margin-bottom: 2.5rem; }
.mb-45 { margin-bottom: 2.8125rem; }
.mb-50 { margin-bottom: 3.125rem; }
.ml-5 { margin-left: 0.3125rem; }
.ml-10 { margin-left: 0.625rem; }
.ml-15 { margin-left: 0.9375rem; }
.ml-20 { margin-left: 1.25rem; }
.ml-25 { margin-left: 1.5625rem; }
.ml-30 { margin-left: 1.875rem; }
.ml-35 { margin-left: 2.1875rem; }
.ml-40 { margin-left: 2.5rem; }
.ml-45 { margin-left: 2.8125rem; }
.ml-50 { margin-left: 3.125rem; }

/*=================================================================================
* width
=================================================================================*/
.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }

/*=================================================================================
* flex
=================================================================================*/
.flex { display: flex; }
.flex.flex-row { flex-direction: row; }
.flex.flex-column { flex-direction: column; }
.flex.flex-row-reverse { flex-direction: row-reverse; }
.flex.flex-column-reverse { flex-direction: column-reverse; }
.flex.flex-nowrap { flex-wrap: nowrap; }
.flex.flex-wrap { flex-wrap: wrap; }
.flex.align-center { align-content: center; }
.flex.align-flex-start { align-content: flex-start; }
.flex.align-flex-end { align-content: flex-end; }
.flex.align-space-around { align-content: space-around; }
.flex.align-space-between { align-content: space-between; }
.flex.align-stretch { align-content: stretch; }
.flex.ju-center { justify-content: center; }
.flex.ju-flex-start { justify-content: flex-start; }
.flex.ju-flex-end { justify-content: flex-end; }
.flex.ju-space-between { justify-content: space-between; }
.flex.ju-space-around { justify-content: space-around; }
.flex.ju-space-evenly { justify-content: space-evenly; }
.flex.items-center { align-items: center; }
.flex.items-flex-start { align-items: flex-start; }
.flex.items-flex-end { align-items: flex-end; }
.flex.items-stretch { align-items: stretch; }
.flex.items-baseline { align-items: baseline; }

@media (max-width: 768px) {
	/*=================================================================================
	* font-size
	=================================================================================*/
	.mfp-12 { font-size: var(--fs-12); }
	.mfp-13 { font-size: var(--fs-13); }
	.mfp-14 { font-size: var(--fs-14); }
	.mfp-15 { font-size: var(--fs-15); }
	.mfp-16 { font-size: var(--fs-16); }
	.mfp-17 { font-size: var(--fs-17); }
	.mfp-18 { font-size: var(--fs-18); }
	.mfts-21 { font-size: var(--fs-21); }
	.mfts-24 { font-size: var(--fs-24); }
	.mfts-32 { font-size: var(--fs-32); }
	.mfts-46 { font-size: var(--fs-46); }
	.mftb-57 { font-size: var(--fs-57); }
	.mftb-64 { font-size: var(--fs-64); }
	.mftb-72 { font-size: var(--fs-72); }
	.mftb-82 { font-size: var(--fs-82); }
	.mftb-124 { font-size: var(--fs-124); }
}