/******** Font Face ********/

/* Noto Sans Japanese */
@font-face {
	font-family: 'NotoSansJP';
	font-weight: 200;
	font-style: normal;
	font-display: swap;
    font-optical-sizing: auto;
	src: url("../fonts/notosansjp/NotoSansJP-ExtraLight.woff2") format("woff2"),
         url("../fonts/notosansjp/NotoSansJP-ExtraLight.woff") format("woff");
}

@font-face {
	font-family: 'NotoSansJP';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
    font-optical-sizing: auto;
	src: url("../fonts/notosansjp/NotoSansJP-Light.woff2") format("woff2"),
         url("../fonts/notosansjp/NotoSansJP-Light.woff") format("woff");
}

@font-face {
	font-family: 'NotoSansJP';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
    font-optical-sizing: auto;
	src: url("../fonts/notosansjp/NotoSansJP-Regular.woff2") format("woff2"),
		 url("../fonts/notosansjp/NotoSansJP-Regular.woff") format("woff");
}

@font-face {
	font-family: 'NotoSansJP';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
    font-optical-sizing: auto;
	src: url("../fonts/notosansjp/NotoSansJP-Medium.woff2") format("woff2"),
		url("../fonts/notosansjp/NotoSansJP-Medium.woff") format("woff");
}

@font-face {
	font-family: 'NotoSansJP';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
    font-optical-sizing: auto;
	src: url("../fonts/notosansjp/NotoSansJP-SemiBold.woff2") format("woff2"),
		url("../fonts/notosansjp/NotoSansJP-SemiBold.woff") format("woff");
}

@font-face {
	font-family: 'NotoSansJP';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
    font-optical-sizing: auto;
	src: url("../fonts/notosansjp/NotoSansJP-Bold.woff2") format("woff2"),
		url("../fonts/notosansjp/NotoSansJP-Bold.woff") format("woff");
}

@font-face {
	font-family: 'NotoSansJP';
	font-weight: 800;
	font-style: normal;
	font-display: swap;
    font-optical-sizing: auto;
	src: url("../fonts/notosansjp/NotoSansJP-ExtraBold.woff2") format("woff2"),
		url("../fonts/notosansjp/NotoSansJP-ExtraBold.woff") format("woff");
}

@font-face {
	font-family: 'NotoSansJP';
	font-weight: 900;
	font-style: normal;
	font-display: swap;
    font-optical-sizing: auto;
	src: url("../fonts/notosansjp/NotoSansJP-Black.woff2") format("woff2"),
		url("../fonts/notosansjp/NotoSansJP-Black.woff") format("woff");
}


/* Futura */
@font-face {
	font-family: 'Futura';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/futura/futura light bt.woff2") format("woff2"),
		url("../fonts/futura/futura light bt.woff") format("woff");
}

@font-face {
	font-family: 'Futura';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/futura/Futura Bold font.woff2") format("woff2"),
		url("../fonts/futura/Futura Bold font.woff") format("woff");
}

@font-face {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/futura/futura medium bt.woff2") format("woff2"),
		url("../fonts/futura/futura medium bt.woff") format("woff");
}

@font-face {
	font-family: 'Futura';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/futura/Futura Bold font.woff2") format("woff2"),
		url("../fonts/futura/Futura Bold font.woff") format("woff");
}




/* Shippori Mincho */
@font-face {
	font-family: 'ShipporiMincho';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/shippori_mincho/ShipporiMincho-Regular.woff2") format("woff2"),
        url("../fonts/shippori_mincho/ShipporiMincho-Regular.woff") format("woff");
}

@font-face {
	font-family: 'ShipporiMincho';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/shippori_mincho/ShipporiMincho-Medium.woff2") format("woff2"),
        url("../fonts/shippori_mincho/ShipporiMincho-Medium.woff") format("woff");
}

@font-face {
	font-family: 'ShipporiMincho';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/shippori_mincho/ShipporiMincho-SemiBold.woff2") format("woff2");
    src: url("../fonts/shippori_mincho/ShipporiMincho-SemiBold.woff") format("woff"),
}

/* Alata */
@font-face {
    font-family: Alata;
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/alata/Alata-Regular.woff2") format("woff2"), url("../fonts/alata/Alata-Regular.woff") format("woff");
}

/* Cochin */
@font-face {
	font-family: 'Cochin';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/cochin/Cochin.woff2") format("woff2"),
    url("../fonts/cochin/Cochin.woff") format("woff");
		
}

@font-face {
	font-family: 'Cochin';
	font-weight: 400;
	font-style: oblique;
	font-display: swap;
	src: url("../fonts/cochin/Cochin-Italic.woff2") format("woff2"),
    url("../fonts/cochin/Cochin-Italic.woff") format("woff");
}

@font-face {
	font-family: 'Cochin';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/cochin/Cochin-Bold.woff2") format("woff2"),
    url("../fonts/cochin/Cochin-Bold.woff") format("woff"),;
}
@font-face {
	font-family: 'Cochin';
	font-weight: 600;
	font-style: oblique;
	font-display: swap;
	src: url("../fonts/cochin/Cochin-BoldItalic.woff2") format("woff2"),
    url("../fonts/cochin/Cochin-BoldItalic.woff") format("woff");
}

/* Noto Serif JP */
@font-face {
	font-family: NotoSerifJP;
	font-weight: 200;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/notoserif_jp/NotoSerifJP-ExtraLight.woff2") format("woff2"),
    url("../fonts/notoserif_jp/NotoSerifJP-ExtraLight.woff") format("woff");		
}
@font-face {
	font-family: NotoSerifJP;
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/notoserif_jp/NotoSerifJP-Light.woff2") format("woff2"),
    url("../fonts/notoserif_jp/NotoSerifJP-Light.woff") format("woff");		
}
@font-face {
	font-family: NotoSerifJP;
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/notoserif_jp/NotoSerifJP-Regular.woff2") format("woff2"),
    url("../fonts/notoserif_jp/NotoSerifJP-Regular.woff") format("woff");		
}
@font-face {
	font-family: NotoSerifJP;
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/notoserif_jp/NotoSerifJP-Medium.woff2") format("woff2"),
    url("../fonts/notoserif_jp/NotoSerifJP-Medium.woff") format("woff");
}
@font-face {
	font-family: NotoSerifJP;
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/notoserif_jp/NotoSerifJP-SemiBold.woff2") format("woff2"),
    url("../fonts/notoserif_jp/NotoSerifJP-SemiBold.woff") format("woff");
}
@font-face {
	font-family: NotoSerifJP;
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/notoserif_jp/NotoSerifJP-Bold.woff2") format("woff2"),
    url("../fonts/notoserif_jp/NotoSerifJP-Bold.woff") format("woff");
}
@font-face {
	font-family: NotoSerifJP;
	font-weight: 800;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/notoserif_jp/NotoSerifJP-ExtraBold.woff2") format("woff2"),
    url("../fonts/notoserif_jp/NotoSerifJP-ExtraBold.woff") format("woff");
}
@font-face {
	font-family: NotoSerifJP;
	font-weight: 900;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/notoserif_jp/NotoSerifJP-Black.woff2") format("woff2"),
    url("../fonts/notoserif_jp/NotoSerifJP-Black.woff") format("woff");
}


/* Cormorant Garamond */
@font-face {
	font-family: 'CormorantGaramond';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/cormorant_garamond/CormorantGaramond-Regular.woff2") format("woff2"),
    url("../fonts/cormorant_garamond/CormorantGaramond-Regular.woff") format("woff");
		
}

@font-face {
	font-family: 'CormorantGaramond';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/cormorant_garamond/CormorantGaramond-Medium.woff2") format("woff2"),
    url("../fonts/cormorant_garamond/CormorantGaramond-Medium.woff") format("woff");
}

@font-face {
	font-family: 'CormorantGaramond';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/cormorant_garamond/CormorantGaramond-SemiBold.woff2") format("woff2"),
    url("../fonts/cormorant_garamond/CormorantGaramond-SemiBold.woff") format("woff");
}
@font-face {
	font-family: 'CormorantGaramond';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/cormorant_garamond/CormorantGaramond-Bold.woff2") format("woff2"),
    url("../fonts/cormorant_garamond/CormorantGaramond-Bold.woff") format("woff");
}

@font-face {
    font-family: 'KosugiMaru';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/Kosugi_Maru/KosugiMaru-Regular.woff2") format("woff2"),
    url("../fonts/Kosugi_Maru/KosugiMaru-Regular.woff") format("woff");
}

@font-face {
	font-family: 'M PLUS 1';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/mplus1/mplus1-medium.woff2") format("woff2"),
    url("../fonts/mplus1/mplus1-medium.woff") format("woff");
}
@font-face {
	font-family: 'IsidoraSans';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/isidorasans/Isidora-regular.woff2") format("woff2"),
    url("../fonts/isidorasans/Isidora-regular.woff") format("woff");
}
@font-face {
	font-family: 'IsidoraSans';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/isidorasans/Isidora-medium.woff2") format("woff2"),
    url("../fonts/isidorasans/Isidora-medium.woff") format("woff");
}
/* Optima */

@font-face {
	font-family: 'Optima';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/optima/Optima-Regular.woff2") format("woff2"),
    url("../fonts/optima/Optima-Regular.woff") format("woff");
}
@font-face {
	font-family: 'Optima';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/optima/Optima-bold.woff2") format("woff2"),
    url("../fonts/optima/Optima-bold.woff") format("woff");
}
@font-face {
	font-family: 'Optima';
	font-weight: 900;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/optima/Optima-ExtraBlack.woff2") format("woff2"),
    url("../fonts/optima/Optima-ExtraBlack.woff") format("woff");
}

/* Roboto */

@font-face {
	font-family: 'Roboto';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"),
    url("../fonts/roboto/Roboto-Regular.woff") format("woff");
}
@font-face {
	font-family: 'Roboto';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/roboto/Roboto-Medium.woff2") format("woff2"),
    url("../fonts/roboto/Roboto-Medium.woff") format("woff");
}
@font-face {
	font-family: 'Roboto';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/roboto/Roboto-Bold.woff2") format("woff2"),
    url("../fonts/roboto/Roboto-Bold.woff") format("woff");
}
@font-face {
	font-family: 'Roboto';
	font-weight: 900;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/roboto/Roboto-Black.woff2") format("woff2"),
    url("../fonts/roboto/Roboto-Black.woff") format("woff");
}


/* Myanmar MN */

@font-face {
	font-family: 'Myanmar MN';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/myanmar_mn/MyanmarMN.woff2") format("woff2"),
    url("../fonts/myanmar_mn/MyanmarMN.woff") format("woff");
}
@font-face {
	font-family: 'Myanmar MN';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/myanmar_mn/myanmarMN-bold.woff2") format("woff2"),
    url("../fonts/myanmar_mn/myanmarMN-bold.woff") format("woff");
}

/* Outfit */

@font-face {
	font-family: 'Outfit';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/outfit/Outfit-Regular.woff2") format("woff2"),
    url("../fonts/outfit/Outfit-Regular.woff") format("woff");
}
@font-face {
	font-family: 'Outfit';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/outfit/Outfit-Medium.woff2") format("woff2"),
    url("../fonts/outfit/Outfit-Medium.woff") format("woff");
}
@font-face {
	font-family: 'Outfit';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/outfit/Outfit-SemiBold.woff2") format("woff2"),
    url("../fonts/outfit/Outfit-SemiBold.woff") format("woff");
}
@font-face {
	font-family: 'Outfit';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/outfit/Outfit-Bold.woff2") format("woff2"),
    url("../fonts/outfit/Outfit-Bold.woff") format("woff");
}

/* Crimson Pro */

@font-face {
	font-family: 'CrimsonPro';
	font-weight: 200;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/crimson_pro/CrimsonPro-ExtraLight.woff2") format("woff2"),
    url("../fonts/crimson_pro/CrimsonPro-ExtraLight.woff") format("woff");
}
@font-face {
	font-family: 'CrimsonPro';
	font-weight: 200;
	font-style: italic;
	font-display: swap;
	src: url("../fonts/crimson_pro/CrimsonPro-ExtraLightItalic.woff2") format("woff2"),
    url("../fonts/crimson_pro/CrimsonPro-ExtraLightItalic.woff") format("woff");
}

@font-face {
	font-family: 'CrimsonPro';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/crimson_pro/CrimsonPro-Light.woff2") format("woff2"),
    url("../fonts/fonts/crimson_pro/CrimsonPro-Light.woff") format("woff");
}
@font-face {
	font-family: 'CrimsonPro';
	font-weight: 300;
	font-style: italic;
	font-display: swap;
	src: url("../fonts/crimson_pro/CrimsonPro-LightItalic.woff2") format("woff2"),
    url("../fonts/crimson_pro/CrimsonPro-LightItalic.woff") format("woff");
}
@font-face {
	font-family: 'CrimsonPro';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/crimson_pro/CrimsonPro-Regular.woff2") format("woff2"),
	url("../fonts/crimson_pro/CrimsonPro-Regular.woff") format("woff");
}
@font-face {
	font-family: 'CrimsonPro';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/crimson_pro/CrimsonPro-Italic.woff2") format("woff2"),
	url("../fonts/crimson_pro/CrimsonPro-Italic.woff") format("woff");
}
@font-face {
	font-family: 'CrimsonPro';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/crimson_pro/CrimsonPro-Medium.woff2") format("woff2"),
    url("../fonts/crimson_pro/CrimsonPro-Medium.woff") format("woff");
}
@font-face {
	font-family: 'CrimsonPro';
	font-weight: 500;
	font-style: italic;
	font-display: swap;
	src: url("../fonts/crimson_pro/CrimsonPro-MediumItalic.woff2") format("woff2"),
    url("../fonts/crimson_pro/CrimsonPro-MediumItalic.woff") format("woff");
}
@font-face {
	font-family: 'CrimsonPro';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/crimson_pro/CrimsonPro-Bold.woff2") format("woff2"),
        url("../fonts/crimson_pro/CrimsonPro-Bold.woff") format("woff");
}

/* Zen Kaku Gothic New */


@font-face {
	font-family: 'Zen_Kaku_Gothic_New';
	font-weight: 300;
	font-style: italic;
	font-display: swap;
	src: url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Light.woff2") format("woff2"),
    url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Light.woff") format("woff");
}

@font-face {
	font-family: 'Zen_Kaku_Gothic_New';
	font-weight: 400;
	font-style: italic;
	font-display: swap;
	src: url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Regular.woff2") format("woff2"),
	url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Regular.woff") format("woff");
}
@font-face {
	font-family: 'Zen_Kaku_Gothic_New';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Medium.woff2") format("woff2"),
    url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Medium.woff") format("woff");
}
@font-face {
	font-family: 'Zen_Kaku_Gothic_New';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Bold.woff2") format("woff2"),
    url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Bold.woff") format("woff");
}


/* Zen Old Mincho */

@font-face {
	font-family: 'Zen_Old_Mincho';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Zen_Old_Mincho/ZenOldMincho-Regular.woff2") format("woff2"),
	url("../fonts/Zen_Old_Mincho/ZenOldMincho-Regular.woff") format("woff");
}
@font-face {
	font-family: 'Zen_Old_Mincho';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Zen_Old_Mincho/ZenOldMincho-Medium.woff2") format("woff2"),
    url("../fonts/Zen_Old_Mincho/ZenOldMincho-Medium.woff") format("woff");
}
@font-face {
	font-family: 'Zen_Old_Mincho';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Zen_Old_Mincho/ZenOldMincho-SemiBold.woff2") format("woff2"),
    url("../fonts/Zen_Old_Mincho/ZenOldMincho-SemiBold.woff") format("woff");
}
@font-face {
	font-family: 'Zen_Old_Mincho';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Zen_Old_Mincho/ZenOldMincho-Bold.woff2") format("woff2"),
    url("../fonts/Zen_Old_Mincho/ZenOldMincho-Bold.woff") format("woff");
}
@font-face {
	font-family: 'Zen_Old_Mincho';
	font-weight: 900;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Zen_Old_Mincho/ZenOldMincho-Black.woff2") format("woff2"),
    url("../fonts/Zen_Old_Mincho/ZenOldMincho-Black.woff") format("woff");
}



/* Inter */

@font-face {
	font-family: 'Inter';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Inter/Inter-Light.woff2") format("woff2"),
    url("../fonts/Inter/Inter-Light.woff") format("woff");
}
@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Inter/Inter-Regular.woff2") format("woff2"),
    url("../fonts/Inter/Inter-Regular.woff") format("woff");
}
@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Inter/Inter-Medium.woff") format("woff2"),
	url("../fonts/Inter/Inter-Medium.woff2") format("woff");
}
@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Inter/Inter-SemiBold.woff2") format("woff2"),
    url("../fonts/Inter/Inter-SemiBold.woff") format("woff");
}
@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Inter/Inter-Bold.woff2") format("woff2"),
	url("../fonts/Inter/Inter-Bold.woff") format("woff");
}

/* Marcellus */
@font-face {
	font-family: 'Marcellus';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Marcellus/Marcellus-Regular.woff2") format("woff2"),
	url("../fonts/Marcellus/Marcellus-Regular.woff") format("woff");
}

/*Fetteegyptienne_regular*/
@font-face {
	font-family: 'Fetteegyptienne_regular';
	/* font-weight: 400; */
	font-style: normal;
	font-display: swap;
	src: url("../fonts/fetteegyptienne_regular/Fetteegyptienne_regular.woff2") format("woff2"),
		url("../fonts/shippori_mincho/Fetteegyptienne_regular.woff") format("woff");
}

/*Jost*/
@font-face {
	font-family: 'Jost';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Jost/Jost-Medium.woff2") format("woff2"),
		url("../fonts/Jost/Jost-Medium.woff") format("woff");
}
@font-face {
	font-family: 'Jost';
	font-weight: 500;
	font-style: italic;
	font-display: swap;
	src: url("../fonts/Jost/Jost-MediumItalic.woff2") format("woff2"),
		url("../fonts/Jost/Jost-MediumItalic.woff") format("woff");
}
@font-face {
	font-family: 'Jost';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Jost/Jost-Bold.woff2") format("woff2"),
		url("../fonts/Jost/Jost-Bold.woff") format("woff");
}
@font-face {
	font-family: 'Jost';
	font-weight: 700;
	font-style: italic;
	font-display: swap;
	src: url("../fonts/Jost/Jost-BoldItalic.woff2") format("woff2"),
		url("../fonts/Jost/Jost-BoldItalic.woff") format("woff");
}

/* Cinzel */

@font-face {
	font-family: 'Cinzel';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Cinzel/Cinzel-Regular.woff2") format("woff2"),
		url("../fonts/Cinzel/Cinzel-Regular.woff") format("woff");
}
@font-face {
	font-family: 'Cinzel';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Cinzel/Cinzel-Medium.woff2") format("woff2"),
		url("../fonts/Cinzel/Cinzel-Medium.woff") format("woff");
}
@font-face {
	font-family: 'Cinzel';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url("../fonts//Cinzel-SemiBold.woff2") format("woff2"),
		url("../fonts/Cinzel/Cinzel-SemiBold.woff") format("woff");
}
@font-face {
	font-family: 'Cinzel';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Cinzel/Cinzel-Bold.woff2") format("woff2"),
		url("../fonts/Cinzel/Cinzel-Bold.woff") format("woff");
}

/* Lato */

@font-face {
	font-family: 'Lato';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Lato/Lato-Bold.woff2") format("woff2"),
		url("../fonts/Lato/Lato-Bold.woff2") format("woff");
}
@font-face {
	font-family: 'Lato';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Lato/Lato-Regular.woff2") format("woff2"),
		url("../fonts/Lato/Lato-Regular.woff") format("woff");
}


/******** End Font Face ********/

a {
    color: #0070c9;
}

.section-font-styles h1, .section-font-styles h2,.section-font-styles h3{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
body{
    font-size: 16px;
}
pre, code, address, caption, th, figcaption {
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
}
pre {
    border: 1px solid #d2d2d7;
    background-color: #f9fafa;
    margin-bottom: 1.5em;
    padding: 20px 40px 20px;
    white-space: pre;
    transform: translate3d(0, 0, 0);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    word-wrap: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    -webkit-tab-size: 4;
    -ms-tab-size: 4;
    tab-size: 4;
	max-width: 700px;
}
pre code {
    font-size: 14px;
    line-height: 1.8em;
    color: #000;
    -webkit-font-smoothing: auto;
    white-space: inherit;
}
code.prettyprint.linenums li {
    list-style: auto;
}

/******** Font Definition ********/
.monospace, .keyword, pre code {
    font-family: 'Menlo', monospace;
}

.font-roboto {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-notosansjp{
    font-family: 'NotoSansJP', sans-serif;
}
.font-futura {
    font-family: 'Futura', sans-serif;
}
.font-shipporimincho {
    font-family: 'ShipporiMincho', serif;
}
.font-hiraginomincho {
    font-family: "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.font-hiraginoW6 {
	font-weight: 600;
	font-family: 'ヒラギノ明朝 ProN W6', 'Hiragino Mincho Pro', HiraMinProN-W6, HG明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
}
.font-hiraginoW3 {
	font-weight: 300;
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho Pro', HiraMinProN-W3, HG明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
}
.font-alata {
	font-family: 'Alata', sans-serif;
}
.font-cochin {
    font-family: 'Cochin', serif;
}
.font-notoserifjp {
    font-family: "NotoSerifJP", serif;
}
.font-cormorant_garamond {
	font-family: "CormorantGaramond", serif;
}
.font-hiraginoKakuGothic {
	font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.font-kosugimaru {
    font-family: 'KosugiMaru', sans-serif;
}
.font-mplus1 {
	font-family: 'M PLUS 1', sans-serif;
}
.font-isidoraSans {
	font-family: 'IsidoraSans', sans-serif;
}
.font-yukyokasyo {
	font-family: 'YuKyokasyo', serif;
}
.font-optima {
    font-family: 'Optima', sans-serif;
}
.font-Roboto {
	font-family: 'Roboto', sans-serif;
}
.font-MyanmarMN {
    font-family: 'Myanmar MN', sans-serif;
}
.font-outfit {
	font-family: 'Outfit', sans-serif;
}
.font-crimsonpro {
	font-family: 'CrimsonPro', serif;
}
.font-zenkakugothicnew {
	font-family: 'Zen_Kaku_Gothic_New', sans-serif;
}
.font-zenoldmincho{
	font-family: 'Zen_Old_Mincho', serif;
}
.font-Inter{
	font-family: 'Inter', sans-serif;
}
.font-Marcellus{
	font-family: 'Marcellus', serif;
}
.font-Fetteegyptienne_regular{
	font-family: 'Fetteegyptienne_regular', sans-serif;
}
.font-Jost{
	font-family: 'Jost', sans-serif;
}
.font-Cinzel{
	font-family: 'Cinzel', serif;
}
.font-Lato {
	font-family: 'Lato', sans-serif;
}
/******** End Font Definition ********/

.inner-ul{
    margin-top: 10px;
}
.fw-200 {
	font-weight: 200;
}
.fw-300{
    font-weight: 300;
}
.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
.fw-700{
    font-weight: 700;
}
.fw-800 {
	font-weight: 800;
}
.fw-900{
    font-weight: 900;
}
.fw-light{
    font-weight: light;
}
.fw-normal{
    font-weight: normal;
}
.fw-medium{
    font-weight: medium;
}
.fw-bold{
    font-weight: bold;
}

.fs-italic{
    font-style: italic;
}
.oc-h1-title{
    font-weight: 700;
    font-size: 50px;
    line-height: 180%;
    letter-spacing: 0.1em;
    color: #000;
    padding-top: 72px;
    padding-bottom: 32px;
}

.oc-h2-title{
    font-weight: 700;
    font-size: 40px;
    line-height: 160%;
    letter-spacing: 0.1em;
    padding-top: 72px;
    padding-bottom: 32px;
}

.fs-oblique {
    font-style: oblique;
}

.page-header-container {
    padding-left: 40px;
    padding-right: 40px;
}
.section-content {
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
}
.section-content-container {
    margin: 0;
    max-width: 980px;
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1.5em;
}
.sidebar-container {
    padding: 0;
    padding-top: 64px;
    min-width: 180px;
}
.sidebar {
}
.main-content {
    padding-left: 30px;
    padding-right: 0;
    padding-bottom: 1.5em;
    padding-top: 75px;
}
.main-content p {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    line-height: 1.75;
    letter-spacing: 0.1em;
}
.sidebar > ul li, .sidebar > ul li a{
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 14px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    overflow: hidden;
}
.item-flex{
    display: flex;
}
span.oc-icons {
    background-size: 15px 15px;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    content: "";
    vertical-align: middle;
    margin-right: 6px;
    display: inline-block;
    margin-top: 2px;
}
.oc-icon-fonts{
    background-image: url(../icon/typography.svg);
}
.oc-icon-buttons{
    background-image: url(../icon/menus-and-actions.svg);
}

/* FIXME 
The butto design style is not really practical.
*/
/******** Button Styles ********/
.button-wrap {
    display: inline-block;
    border-bottom: 1px solid #ccc;
    padding: 2rem;
}

.circle-btn {
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.circle-btn .circle-ico {
    position: relative;
    margin-left: 40px;
}
.circle-ico .circle-box {
    display: block;
    width: 49px;
    height: 49px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #233B68;
    transition: all 0.5s;
}
.circle-ico .circle-arrow {
    position: absolute;
    display: block;
    top: 37%;
    left: -37%;
}
a.blue-btn {
    text-decoration: none;
    color: #233b68;
    transition: all 0.5s;
}
a.blue-btn:hover{
    text-decoration: none;
    opacity: 0.6;
}
.circle-btn:hover .circle-ico .circle-box {
    transform: scale(1.4);
    background-color: #E9F0FF;
}
/******** End Button Styles ********/

/******** Form Styles ********/
.form-row {
    display: flex;
    column-gap: 22px;
    row-gap: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}
.form-group {
    display: inline-block;
}
/******** END Form Styles ********/

/******** Checkbox Styles ********/
#oc-form-elements .oc-checkbox input[type="checkbox"] {
    visibility: hidden;
    position: absolute
}

#oc-form-elements .oc-checkbox input[type="checkbox"]+.box {
    margin-right: 8px;
    position: relative;
    width: 20px;
    height: 20px;
    display: block;
    border: 1px solid #90A4AE
}

#oc-form-elements .oc-checkbox input[type="checkbox"]+.box:after {
    content: "";
    transform: scale(0);
    transition: all 0.25s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-position: 50% 50%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MC4zICgzMzgzOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Y2hlY2ttYXJrPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IklDT04iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJjaGVja21hcmsiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iQ2hlY2ttYXJrIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS4wMDAwMDAsIDIyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IkxheWVyXzEiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03MS4yOTY3MDAxLDEuMzM2Njg5NzQgTDIyLjgzNTE2MTYsNTAuNTI1ODc4OSBMMjguMjQxNzYxNCw1MC41MjU4Nzg5IEw2LjcwMzI5OTkxLDI4LjY2NDAxNzEgQzUuMjMyMzk0MjYsMjcuMTcxMDI1OCAyLjgyOTY4MTA1LDI3LjE1MzEyMTggMS4zMzY2ODk3NCwyOC42MjQwMjc0IEMtMC4xNTYzMDE1NzUsMzAuMDk0OTMzMSAtMC4xNzQyMDU1NDksMzIuNDk3NjQ2MyAxLjI5NjcwMDA5LDMzLjk5MDYzNzYgTDIyLjgzNTE2MTYsNTUuODUyNDk5NSBDMjQuMzIxNTkxNiw1Ny4zNjEyNDgyIDI2Ljc1NTMzMTUsNTcuMzYxMjQ4MiAyOC4yNDE3NjE0LDU1Ljg1MjQ5OTUgTDc2LjcwMzI5OTksNi42NjMzMTAyNiBDNzguMTc0MjA1NSw1LjE3MDMxODk1IDc4LjE1NjMwMTYsMi43Njc2MDU3NCA3Ni42NjMzMTAzLDEuMjk2NzAwMDkgQzc1LjE3MDMxOSwtMC4xNzQyMDU1NDkgNzIuNzY3NjA1NywtMC4xNTYzMDE1NzUgNzEuMjk2NzAwMSwxLjMzNjY4OTc0IEw3MS4yOTY3MDAxLDEuMzM2Njg5NzQgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)
}

#oc-form-elements .oc-checkbox input[type="checkbox"]:checked+.box {
    border: 1px solid #78909C;
    background-color: #78909C
}

#oc-form-elements .oc-checkbox input[type="checkbox"]:checked+.box:after {
    transform: scale(1)
}
#oc-form-elements .oc-select-button {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 8px;
    display: flex;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    word-break: break-all;
    cursor: pointer;
}
/******** END Checkbox Styles ********/