/* スマホの文字を大きく（A_20261021-1122・本人 10-21 11:22「携帯で見ると文字が小さすぎる」）。
   全ページ共通・幅 900px 以下だけ（見本のスマホの形が 900 以下・折りたたみを開いた幅も入る）。変えるのは文字の大きさ・行の高さ・ボタンの押せる大きさだけ（色・字の種類・配置は見本のまま）。
   頭の html body は各ページの <style> より必ず勝つため（順番に頼らない）。901px 以上（PC）には何も効かない。 */
@media (max-width:900px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 html body{font-size:17.5px;line-height:1.85;overflow-wrap:break-word}
 /* 本文 17〜18px・タイ語の上下の記号が重ならない行の高さ */
 html body p,html body li,html body td,html body th,html body summary,html body dd{line-height:1.8}
 html body .lead2,html body .hero p,html body .bzhero p,html body .hub .d,html body .st p{font-size:17.5px;line-height:1.85}
 html body .hero.top .lead{font-size:17px;line-height:1.8}
 html body ul.ticks li{font-size:17px}
 html body details,html body summary{font-size:17px}
 /* カード・小見出しの説明 15〜16px 以上 */
 html body .card p,html body .bcard p,html body .bzc .ds,html body .bzs p,html body .newsbox article p{font-size:16.5px;line-height:1.8}
 html body .bcard p{margin-right:46px}
 html body .soonline{font-size:16px}
 html body .small,html body .note,html body .contact p{font-size:15.5px}
 html body .bcard .sub,html body .bzc .sb,html body .bzhero .sb,html body .bzs .ct,html body .sec-head .more{font-size:15px}
 html body h3{font-size:22px}
 html body .soonline h3,html body .newsbox h3{font-size:18px}
 html body .bzs h3{font-size:25px}
 html body .card small,html body .prod small{font-size:14px}
 html body .pdpa{font-size:14.5px}
 html body form label{font-size:16px}
 html body form input,html body form select,html body form textarea{font-size:16px}
 html body .bzlist th,html body .bzlist td{font-size:16px}
 /* 小さな英字ラベル 13px 以上 */
 html body .eyebrow,html body .st small,html body .bzs .bd,html body .hero.top .tag,html body .hero .kicker,
 html body .bzgal figcaption,html body .vert{font-size:13px}
 html body .eyebrow{letter-spacing:.24em}
 html body .hero.top .tag{letter-spacing:.2em}
 html body .newsbox time{font-size:14px}
 html body .hero .kicker,html body .hero>.w>p:first-child{font-size:14px}
 html body .num{font-size:16px}
 html body .unc{font-size:12px}
 html body .nu{font-size:12px}
 html body .draftbar{font-size:13px}
 /* ボタン 16px・押せる大きさ 44px 以上 */
 html body .btn,html body .button{font-size:16px;min-height:48px;padding-top:12px;padding-bottom:12px;line-height:1.5}
 html body .button{align-items:center}
 html body .sticky .btn{font-size:16px;min-height:48px;padding:12px 4px;display:flex;align-items:center;justify-content:center}
 html body .mobile-toggle{font-size:30px;min-width:48px;min-height:48px}
 html body form button,html body form .btn{min-height:48px;font-size:16px}
 /* メニュー 18px */
 html body nav.open{font-size:18px;gap:6px}
 html body nav.open>a{font-size:18px;min-height:48px;display:flex;align-items:center}
 html body nav.open .lang{font-size:16px;min-height:44px;display:flex;align-items:center}
 html body nav.open .lang a{padding:10px 4px}
 /* フッター 14px 以上 */
 html body footer{font-size:15px;line-height:2}
 html body footer .agvline{font-size:14px}
 html body footer .logo small{font-size:12px}
 html body .logo small{font-size:10.5px}
 /* 最初の画面の見出し（2〜3行に収まる範囲で大きく） */
 html body .hero h1{font-size:38px;line-height:1.25}
 html body .hero.top h1.co{font-size:56px}
 html body .hero.top h1.co span{font-size:19px}
 html body .hero.top .head{font-size:24px;line-height:1.55}
 html body .bzhero h1{font-size:46px}
 html body h2{font-size:30px}
}
/* 幅 360 前後の小さい画面は見出しだけ少し控えめ（横にはみ出さない） */
@media (max-width:380px){
 html body .hero h1{font-size:34px}
 html body .hero.top h1.co{font-size:50px}
 /* A_20261022-2127: TH の2行目「เปิดโอกาสใหม่สู่ธุรกิจยิ่งใหญ่」が 24px だと 360 で更に折れる→字だけ小さく（文は変えない） */
 html[lang="th"] body .hero.top .head{font-size:21px}
 html body .bzhero h1{font-size:40px}
 html body h2{font-size:27px}
}