.brand{display:inline-flex;flex-direction:row;align-items:center;gap:13px;line-height:1.1}
.brand-copy{display:flex;flex-direction:column;white-space:nowrap}
.brand-mark{display:block;width:48px;height:54px;flex:0 0 48px;background:var(--yellow);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20652.2%20741.5%22%3E%3Cpath%20fill%3D%22black%22%20fill-rule%3D%22evenodd%22%20d%3D%22M339.5%20106.5%20L339.5%20635.2%20L414.5%20587%20L414.5%20422.9%20L488.8%20422.9%20L448.5%20463.2%20L448.5%20568%20L583.4%20481.5%20L583.4%20442%20L518.2%20368.5%20L568.5%20319.8%20L545.5%20240.2%20L448.4%20180.5%20L448.4%20290.8%20L477.5%20290.8%20L441.5%20328%20L414.5%20328%20L414.5%20155.2%20Z%20M302.6%20104.5%20L74.6%20240.8%20L74.6%20443.1%20L226.6%20443.1%20L226.6%20483%20L74.6%20483%20L74.6%20485.8%20L302.9%20635.8%20L302.9%20333.8%20L159.8%20333.8%20L199.2%20290.8%20L302.6%20290.8%20Z%20M325%200%20L0.2%20195%20L0.2%20528.8%20L322.5%20741.2%20L652%20528.2%20L652%20214.8%20Z%20M320.8%2047%20L611.9%20236.5%20L611.9%20510.2%20L322%20694%20L41.5%20506%20L41.5%20215.2%20Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20652.2%20741.5%22%3E%3Cpath%20fill%3D%22black%22%20fill-rule%3D%22evenodd%22%20d%3D%22M339.5%20106.5%20L339.5%20635.2%20L414.5%20587%20L414.5%20422.9%20L488.8%20422.9%20L448.5%20463.2%20L448.5%20568%20L583.4%20481.5%20L583.4%20442%20L518.2%20368.5%20L568.5%20319.8%20L545.5%20240.2%20L448.4%20180.5%20L448.4%20290.8%20L477.5%20290.8%20L441.5%20328%20L414.5%20328%20L414.5%20155.2%20Z%20M302.6%20104.5%20L74.6%20240.8%20L74.6%20443.1%20L226.6%20443.1%20L226.6%20483%20L74.6%20483%20L74.6%20485.8%20L302.9%20635.8%20L302.9%20333.8%20L159.8%20333.8%20L199.2%20290.8%20L302.6%20290.8%20Z%20M325%200%20L0.2%20195%20L0.2%20528.8%20L322.5%20741.2%20L652%20528.2%20L652%20214.8%20Z%20M320.8%2047%20L611.9%20236.5%20L611.9%20510.2%20L322%20694%20L41.5%20506%20L41.5%20215.2%20Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.footer .brand-mark{background:var(--yellow)}
@media(max-width:700px){
  .brand{gap:9px}
  .brand-mark{width:38px;height:43px;flex-basis:38px}
  .brand-name{font-size:21px}
  .brand-name>span{font-size:9px;margin-left:5px}
  .brand-en{font-size:8px;margin-top:5px;letter-spacing:.16em}
}
@media(max-width:370px){
  .brand-mark{width:34px;height:39px;flex-basis:34px}
  .brand-name{font-size:20px}
}