.oas-hp{margin:26px 0 30px;padding:20px;border:1px solid var(--oas-line,#dcd8cc);border-radius:14px;
  background:var(--oas-sand,#f7f5ef);color:var(--oas-ink,#17231f);box-sizing:border-box;max-width:100%}
.oas-hp *{box-sizing:border-box}
.oas-hp a{text-decoration:none;color:inherit}
.oas-hp__h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin:0 0 14px}
.oas-hp__t{margin:0!important;font-size:18px;font-weight:700;line-height:1.3}
.oas-hp__all{font-size:14.5px;font-weight:700;color:var(--oas-green,#12523f)!important;white-space:nowrap;
  border-bottom:2px solid var(--oas-gold,#ffc72c)}
.oas-hp__all:hover{color:var(--oas-green2,#0d3d2f)!important}
.oas-hp__p{margin:0 0 14px!important;font-size:15.5px;line-height:1.6}
.oas-hp__p a{color:var(--oas-green,#12523f);font-weight:600;border-bottom:1px solid var(--oas-gold2,#e0a800)}
.oas-hp__n{display:block;font-weight:700;font-size:15px;line-height:1.3}
.oas-hp__f{display:block;font-size:13px;line-height:1.4;color:var(--oas-dim,#5b6b64);margin-top:3px}
.oas-hp__cr{margin:12px 0 0!important;font-size:11.5px;line-height:1.4;color:var(--oas-dim,#5b6b64)}
.oas-hp__cr a{text-decoration:underline}
.oas-hp img{display:block;max-width:100%}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#oasv-top{scroll-margin-top:84px}
.oas-hp-jump{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:4px 0 22px!important;padding:12px 16px;
  border-left:4px solid var(--oas-gold,#ffc72c);background:var(--oas-sand,#f7f5ef);border-radius:0 10px 10px 0}
.oas-hp-jump span{font-size:15px;font-weight:600;color:var(--oas-ink,#17231f)}
.oas-hp-jump a{display:inline-block;padding:9px 16px;border-radius:8px;background:var(--oas-green,#12523f);
  color:#fff!important;font-weight:700;font-size:14.5px;text-decoration:none!important}
.oas-hp-jump a:hover{background:var(--oas-green2,#0d3d2f)}
.oc4-hub.oas-hp-rib{margin:22px 0 26px}
.oas-hp-rib .oc4-hub__g{display:flex!important;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;
  gap:12px;padding:2px 2px 10px;grid-template-columns:none;-webkit-overflow-scrolling:touch}
.oas-hp-rib .oc4-hub__a{flex:0 0 168px;min-height:0;height:auto;scroll-snap-align:start;display:flex;flex-direction:column;
  align-items:center;text-align:center;gap:4px;padding:14px 10px 12px;border:1px solid var(--oas-line,#dcd8cc);
  border-radius:12px;background:#fff;color:var(--oas-ink,#17231f);text-decoration:none;overflow:visible}
.oas-hp-rib .oc4-hub__a:hover{border-color:var(--oas-green,#12523f)}
.oas-hp-rib .oc4-hub__art{width:64px!important;height:64px!important;aspect-ratio:1;border-radius:50%;object-fit:cover;
  margin:0 0 6px;border:2px solid var(--oas-gold,#ffc72c);position:static}
.oas-hp-rib .oc4-hub__c{font-size:13.5px;font-weight:700;line-height:1.25;position:static;padding:0;background:none;color:inherit;
  margin:0!important;min-height:0;flex:0 0 auto}
.oas-hp-rib .oc4-hub__f{font-size:12px;line-height:1.3;color:var(--oas-dim,#5b6b64);margin:0!important;flex:0 0 auto}
.oas-hp-rib .oas-hp__cr{margin-top:4px!important}
.oas-hp-pay__l{display:grid;gap:8px}
.oas-hp-pay__r{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 14px;
  background:#fff;border:1px solid var(--oas-line,#dcd8cc);border-radius:10px}
.oas-hp-pay__r:hover{border-color:var(--oas-green,#12523f)}
.oas-hp-pay__r img{width:110px;height:auto;aspect-ratio:184/76;border-radius:8px}
.oas-hp-pay__go{font-size:14px;font-weight:700;color:var(--oas-green,#12523f);white-space:nowrap}
.oas-hp-cls__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.oas-hp-cls__a{display:flex;align-items:center;gap:12px;padding:8px;background:#fff;border:1px solid var(--oas-line,#dcd8cc);border-radius:10px}
.oas-hp-cls__a:hover{border-color:var(--oas-green,#12523f)}
.oas-hp-cls__a img{flex:0 0 96px;width:96px;height:64px;object-fit:cover;border-radius:7px}
.oas-hp--dark{background:var(--oas-green2,#0d3d2f);border-color:var(--oas-green2,#0d3d2f);color:#fff}
.oas-hp--dark .oas-hp__f{color:#c9dcd3}
.oas-hp-mos__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.oas-hp-mos__a{display:block;min-width:0}
.oas-hp-mos__a img{width:100%;height:150px;object-fit:cover;border-radius:10px;border:2px solid transparent}
.oas-hp-mos__a:hover img{border-color:var(--oas-gold,#ffc72c)}
.oas-hp-mos__a:first-child{grid-column:span 2}
.oas-hp-mos__a .oas-hp__n{margin-top:8px;color:#fff}
.oas-hp-bon__tb{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--oas-line,#dcd8cc);
  border-radius:10px;overflow:hidden;margin:0!important;font-size:14.5px}
.oas-hp-bon__tb th{background:var(--oas-green,#12523f);color:#fff;text-align:left;font-size:13px;font-weight:700;padding:9px 12px;border:0}
.oas-hp-bon__tb td{padding:10px 12px;border:0;border-top:1px solid var(--oas-line,#dcd8cc);vertical-align:middle;line-height:1.45}
.oas-hp-bon__tb td:first-child{width:150px}
.oas-hp-bon__tb img{width:120px;height:auto;aspect-ratio:184/76;border-radius:8px}
.oas-hp-bon__tb .oas-hp__n{font-size:14px;margin-top:4px}
.oas-hp-bon__go{display:inline-block;padding:7px 12px;border-radius:8px;background:var(--oas-green,#12523f);
  color:#fff!important;font-weight:700;font-size:13.5px;white-space:nowrap}
.oas-hp-bon__go:hover{background:var(--oas-green2,#0d3d2f)}
.oas-hp-mob__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.oas-hp-mob__a{display:block;background:#fff;border:1px solid var(--oas-line,#dcd8cc);border-radius:12px;overflow:hidden;min-width:0}
.oas-hp-mob__a:hover{border-color:var(--oas-green,#12523f)}
.oas-hp-mob__a img{width:100%;height:auto;aspect-ratio:1080/455;object-fit:cover}
.oas-hp-mob__a span.oas-hp__b{display:block;padding:10px 12px 12px}
@media (max-width:768px){
  .oas-hp{padding:16px 14px}
  .oas-hp-rib .oc4-hub__a{flex-basis:136px}
  .oas-hp-rib .oc4-hub__art{width:50px!important;height:50px!important}
  .oas-hp-mos__g{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .oas-hp-mos__a img{height:120px}
  .oas-hp-mob__g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .oas-hp-cls__g{grid-template-columns:minmax(0,1fr)}
  .oas-hp-pay__r{grid-template-columns:84px minmax(0,1fr);gap:12px}
  .oas-hp-pay__r img{width:84px}
  .oas-hp-pay__go{display:none}
  .oas-hp-bon__tb,.oas-hp-bon__tb tbody,.oas-hp-bon__tb tr,.oas-hp-bon__tb td{display:block;width:100%!important}
  .oas-hp-bon__tb thead{display:none}
  .oas-hp-bon__tb tr{border-top:1px solid var(--oas-line,#dcd8cc);padding:6px 0}
  .oas-hp-bon__tb tr:first-child{border-top:0}
  .oas-hp-bon__tb td{border:0;padding:6px 12px}
  .oas-hp-mob__g{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
  .oas-hp-mob__a{flex:0 0 78%;scroll-snap-align:start}
}
@media (max-width:480px){
  .oas-hp-rib .oc4-hub__a{flex-basis:128px}
  .oas-hp-rib .oc4-hub__art{width:46px!important;height:46px!important}
  .oas-hp-mos__a img{height:100px}
}