/* YourS catchphrase, 2026-11-04. Fonts distributed under SIL OFL 1.1. */
@font-face{font-family:YS Hina;src:url(hina-mincho.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:YS Solar;src:url(qwitcher-grypen.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}
.ys-site .ys-brand-headline{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;width:min(650px,100%);height:255px;aspect-ratio:auto;margin:0 auto;overflow:visible;line-height:normal!important;opacity:.8;transform:none;color:#fff}
.ys-catchphrase-jp{font:400 43px/1.85 'YS Hina',serif;letter-spacing:.2em;white-space:nowrap;padding-left:8px;transform:translateY(-3px)}
.ys-catchphrase-jp span{display:block}.ys-catchphrase-jp span+span{margin-top:17px}
.ys-catchphrase-solar{display:block;min-width:0;font:400 218px/1 'YS Solar',cursive;white-space:nowrap;text-align:center;letter-spacing:0;transform:translate(-9px,-12px)}
@media(min-width:1600px){.ys-site .ys-brand-headline{width:min(740px,100%);height:285px}.ys-catchphrase-jp{font-size:48px}.ys-catchphrase-solar{font-size:246px}}
@media(max-width:900px) and (min-width:768px){.ys-site .ys-brand-headline{width:min(620px,100%);height:240px}.ys-catchphrase-jp{font-size:39px}.ys-catchphrase-solar{font-size:206px}}
@media(max-width:767px){
 .ys-site .ys-brand-headline{width:100%;max-width:440px;height:clamp(118px,34vw,158px);display:flex;justify-content:center;gap:12px;transform:translateX(2px)}
 .ys-catchphrase-jp{font-size:clamp(18px,5.65vw,27px);line-height:1.55;letter-spacing:.12em;padding-left:0;flex:0 0 auto;width:max-content;transform:translateY(-1px)}
 .ys-catchphrase-jp span+span{margin-top:6px}
 .ys-catchphrase-solar{font-size:clamp(94px,29.5vw,143px);flex:0 0 auto;transform:none}
}
@media(max-width:360px){.ys-catchphrase-jp{font-size:19px}}
@media(min-width:480px) and (max-width:767px){.ys-catchphrase-jp{font-size:29px}.ys-catchphrase-solar{font-size:151px}}