/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap');

html[char="alphabet"] *{word-break:break-word;}
html[char="alphabet"],
html[char="alphabet"] .font_sizebase{font-size:min(16px,max(14px,1.6vw));}
html[lang] body{font-family: "Noto Sans", sans-serif;}
html[lang*="zh"] body{font-family: "Noto Sans SC", "Noto Sans", sans-serif;}
html[lang="th"] body{font-family: "Noto Sans Thai", "Noto Sans", sans-serif;}
html[char="alphabet"] body *{line-height: calc(1em * 30 / 16);}

html[char="alphabet"] .sec01 .inner .fuki,
html[lang="th"] .sec01 .inner .fuki{
	letter-spacing:0;
	padding: 0.25em 1em;
}
html[lang] .sec01 .inner .logo{width:706px;}
html[lang="en"] .sec01 .inner .logo .logo_catch{font-size: min(23px, max(10px, min(2.3vw, calc(1vw * 10 / 3.75))));}
html[lang="id"] .sec01 .inner .logo .logo_catch,
html[lang="th"] .sec01 .inner .logo .logo_catch{font-size: min(21px, max(10px, min(2.1vw, calc(1vw * 10 / 3.75))));}
html[lang] .sec01 .inner.B .sup > *:nth-child(2) img[src*="sec01-sup-text"]{margin-top: calc(1% * 40 / 9.27);}
html[char="alphabet"] .sec01 .inner.B .sup > *:nth-child(2) img[src*="sec01-sup-text"]{width:927px;}
html[lang*="zh"] .sec01 .inner.B .sup > *:nth-child(2) img[src*="sec01-sup-text"]{width:874px;}
html[lang="th"] .sec01 .inner.B .sup > *:nth-child(2) img[src*="sec01-sup-text"]{width:759px;}
html[lang="vi"] .sec01 .inner.B .sup > *:nth-child(2) img[src*="sec01-sup-text"]{width:945px;}
@media screen and (min-width: 1000px) {
	html[char="alphabet"] .sec01 .inner.B .sup > *:nth-child(2){margin-left: -52px;}
	html[lang="vi"] .sec01 .inner.B .sup > *:nth-child(2){margin-left: -70px;}
}
@media screen and (max-width: 999px) {
	html[char="alphabet"] .sec01 .inner.B .frame .text h2 + * {text-align: left;}
}
html[char="alphabet"] .sec02 .kaishou_text span{padding: 0 0.2em;}
html[lang="th"] .sec02 .kaishou_text{letter-spacing:0;}
html[lang="th"] .sec02 .kaishou_text span:nth-child(1){padding-right: 0.4em;}
html[lang="vi"] .sec02 .kaishou_text span{font-size: min(38px, max(30px, 3.8vw));}
html[lang] .sec03 .point li .c .ct .ct1 > *:nth-child(1){min-width: min(54px, max(45px, 5.4vw));}
html[lang="th"] .sec03 .point li .c .ct .ct1 > *:nth-child(1){
	width: min(74px, max(60px, 7.4vw));
	min-width: min(74px, max(60px, 7.4vw));
}
html[lang="vi"] .sec03 .point li .c .ct .ct1 > *:nth-child(1){
	width: min(51px, max(40px, 5.1vw));
	min-width: min(51px, max(40px, 5.1vw));
}
html[char="alphabet"] .sec03 .point li .c .ct .ct1 > *:nth-child(2){
	text-align: left;
	font-size: min(28px, max(20px, 2.8vw));
}
html[lang="th"] .sec03 .point li .c .ct .ct1 > *:nth-child(2){
	font-size: min(26px, max(20px, 2.6vw));
}
html[char="alphabet"] .sec03 .point li .c .ct .ct2 .caution,
html[lang="th"] .sec03 .point li .c .ct .ct2 .caution{margin-top: 1.5em;}

html[lang] footer .logo img[src*="logo."]{width: 344px;}
html[lang] footer .logo .logo_catch{font-size: 12px;}
html[lang*="zh"] footer .logo .logo_catch{font-size: 14px;}