html{scroll-behavior:smooth}
body{margin:0;-webkit-text-size-adjust:100%}
img{max-width:100%}
a{color:inherit}
input,select,textarea,button{font-family:inherit}
:focus-visible{outline:3px solid #F5A623;outline-offset:2px}
/* menu */
.menu{position:fixed;inset:0;z-index:100;background:rgba(20,39,58,.55);display:flex;justify-content:flex-end}
.menu[hidden]{display:none}
.menu-in{width:min(420px,100%);height:100%;background:#fff;padding:28px 32px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;overflow:auto;font-family:'Zen Kaku Gothic New',sans-serif;color:#1B2A38}
.menu-x{align-self:flex-end;height:40px;padding:0 20px;border-radius:999px;border:2px solid #1B2A38;background:#fff;font-weight:600;cursor:pointer}
.menu nav{display:flex;flex-direction:column}
.menu nav a{display:flex;flex-direction:column;padding:16px 0;border-bottom:1px solid #E3E8EE;text-decoration:none;font-weight:900;font-size:20px}
.menu nav a .en{font-size:12px;color:#2369B3;letter-spacing:.1em;font-weight:600}
.menu-cta{margin-top:10px;height:56px;border-radius:999px;background:#F5A623;display:flex;align-items:center;justify-content:center;font-weight:700;text-decoration:none}
.panel[hidden]{display:none}
.tab.on{background:#1B2A38!important;color:#fff!important;border-color:#1B2A38!important}
.thumb.on{outline:4px solid #F5A623;outline-offset:2px}
.sent{background:#DFF4EF;color:#0B7A55;border-radius:16px;padding:16px 20px;font-weight:700}

@media (max-width: 1100px){
  [style*="min-width: 1200px"]{min-width:0!important}
}
@media (max-width: 900px){
  header[style*="padding: 24px 40px 0"]{padding:14px 16px 0!important}
  header img[style*="width: 84px"],header a[style*="width: 84px"]{width:60px!important;height:60px!important}
  [style*="grid-template-columns"]:where(:not([style*="em 1fr"]):not([style*="36px 1fr"]):not([style*="64px 1fr"]):not([style*="80px 1fr"]):not([style*="120px 1fr"]):not([style*="56px 1fr"]):not([style*="60px 1fr 40px"])){grid-template-columns:1fr!important}
  [style*="repeat(4, minmax(0, 1fr))"]{grid-template-columns:1fr 1fr!important}
  [style*="grid-template-columns: 1fr 32px"]>div[aria-hidden],[style*="grid-template-columns: 1fr 40px"]>li[aria-hidden],[style*="minmax(0, 1fr) 32px"]>div[aria-hidden]{transform:rotate(90deg);height:32px}
  section[style*="max-width: 1200px"],section[style*="max-width: 920px"]{padding-left:18px!important;padding-right:18px!important;padding-top:56px!important;padding-bottom:56px!important}
  div[style*="margin: 0 auto; padding: 0 40px"]{padding-left:18px!important;padding-right:18px!important}
  section[style*="padding: 110px 0"],section[style*="padding: 100px 0"],div[style*="padding: 60px 0 100px"],section[style*="padding: 80px 0 110px"]{padding-top:56px!important;padding-bottom:56px!important}
  section[style*="padding: 100px 40px"]{padding:56px 18px!important}
  footer{padding:48px 18px 24px!important}
  [style*="font-size: 60px"],[style*="font-size: 52px"],[style*="font-size: 50px"],[style*="font-size: 48px"]{font-size:32px!important}
  [style*="font-size: 44px"],[style*="font-size: 42px"],[style*="font-size: 40px"],[style*="font-size: 36px"],[style*="font-size: 34px"]{font-size:26px!important}
  [style*="font-size: 30px"],[style*="font-size: 28px"]{font-size:22px!important}
  h1 br,h2 br{display:none}
  [style*="height: 440px"],[style*="height: 480px"]{height:260px!important}
  [style*="height: 380px; border-radius: 48px"]{height:220px!important}
  [style*="right: -30px; top: -40px"],[style*="left: -36px; bottom: -36px"]{display:none!important}
  [style*="left: -24px; bottom: 28px"]{left:12px!important}
  [style*="justify-content: space-between; align-items: flex-end"]{flex-direction:column;align-items:flex-start!important}
  [style*="padding: 40px 44px"],[style*="padding: 38px 40px"],[style*="padding: 36px 44px"],[style*="padding: 36px 48px"]{padding:26px 22px!important}
  [style*="padding: 8px 48px 40px"]{padding:4px 20px 28px!important}
  .tlwrap>ol[style*="repeat(6"]{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .tlwrap>ol[style*="repeat(7"]{grid-template-columns:repeat(7,minmax(0,1fr))!important}
  [style*="grid-template-columns: 4fr 1fr 1fr"]{display:none!important}
  .flowv>div[aria-hidden]{display:none}
  .flowv>ol{grid-template-columns:1fr!important;gap:20px!important}
  .flowv li{display:grid!important;grid-template-columns:72px 1fr;text-align:left!important;align-items:start!important;gap:4px 14px!important}
  .flowv li>span:first-child{grid-row:1 / span 3;width:64px!important;height:64px!important}
  .flowv li>*:not(:first-child){grid-column:2;margin:0!important;padding:0!important}
  .flowv li>span:last-child[style*="align-self: center"]{align-self:start!important;justify-self:start}
  .tlwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}
  .tlwrap>ol,.tlwrap>div[aria-hidden]{min-width:860px}
  .tlwrap>div[style*="top: 60px"]{width:860px}
  [style*="display: flex; gap: 12px"]>.tab{height:54px;font-size:13px;padding:0 4px}
  /* top first view */
  .fv{height:auto!important;margin-top:0!important;display:flex;flex-direction:column;gap:14px;padding:12px 16px 8px}
  .fv>*{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important}
  .fv>div:nth-child(1){order:2;height:300px!important;border-radius:28px!important}
  .fv>div:nth-child(2){order:1}
  .fv>div:nth-child(3){order:3;flex-direction:row!important;flex-wrap:wrap}
  .fv>div:nth-child(5){order:4;flex-direction:row!important;justify-content:center}
  .fv>a{display:none!important}
  .fv .thumb{width:48px;height:48px}
  .fv h1 br{display:inline}
  [style*="height: 520px; border-radius: 40px"]{height:340px!important}
  [style*="height: 180px; object-fit: cover"]{height:120px!important}
  [style*="height: 200px; border-radius: 24px; background: #F3F7FB"]{height:110px!important}
  [style*="height: 200px; border-radius: 24px; background: #F3F7FB"] img{width:84px!important;height:63px!important}
  section[style*="padding: 100px 40px; text-align: center"] div[style*="display: flex; gap: 14px"]{flex-direction:column;width:100%}
  section[style*="padding: 100px 40px; text-align: center"] div[style*="display: flex; gap: 14px"] a{justify-content:center}
  .navrow{grid-template-columns:44px 1fr 28px!important}
}
@media (max-width: 520px){
  [style*="repeat(4, minmax(0, 1fr))"]{gap:12px!important}
  [style*="repeat(4, minmax(0, 1fr))"] b[style*="font-size: 19px"]{font-size:15px!important;padding:0 14px!important}
  [style*="repeat(4, minmax(0, 1fr))"] p[style*="padding: 0 24px"]{font-size:12.5px!important;padding:0 14px!important}
  [style*="repeat(4, minmax(0, 1fr))"] b[style*="font-size: 20px"]{font-size:16px!important}
  ol[style*="repeat(4, minmax(0, 1fr))"]{grid-template-columns:1fr!important}
  header a[style*="height: 40px"]{display:none!important}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}