@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.2;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate}html{font-size:62.5%}body{height:100dvh;font-family:Noto Sans JP,sans-serif;font-size:1.6rem}.wrapper{min-height:100%;padding:32px 16px 88px;background:#fff7dc}@media print,screen and (min-width: 500px){.wrapper{display:grid;place-items:center;padding:24px 16px}}.certificate-container{display:flex;flex-direction:column;gap:16px;width:100%;max-width:560px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 10px 60px #0000001a}@media print,screen and (min-width: 630px){.certificate-container{gap:24px;padding:32px}}.header-container{background-image:linear-gradient(to right,#ffe95d,#f9edae,#ffe95d);border:6px dashed #d80032;border-radius:8px;outline:2px solid #d80032}.header-container .header-content{display:flex;flex-direction:column;align-items:center;gap:16px;border-radius:4px;padding:24px 16px 16px;outline:2px solid #d80032;text-align:center}.header-container .header-content .collaboration{position:absolute;display:flex;align-items:center;gap:16px;margin-top:-52px;padding:8px 20px;background-color:#fff;border-radius:100px;outline:2px solid #d80032;outline-offset:-2px}.header-container .header-content .collaboration .icon{width:16px;height:16px;background:#a2a2aa;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url(/assets/icons/close.svg);mask-image:url(/assets/icons/close.svg)}.header-container .header-content .title{font-size:2.4rem;font-weight:700;line-height:1.4}@media print,screen and (min-width: 500px){.header-container .header-content .title{font-size:3.2rem}}.score-container{display:grid;grid-template-columns:1fr 1px 1fr;row-gap:16px}@media print,screen and (min-width: 500px){.score-container{padding-top:16px}}@media print,screen and (min-width: 630px){.score-container{padding-bottom:16px}}.score-container .separator{background-color:#dddde5}.score-container .separator.horizontal{grid-column:span 3;height:1px}.section-score{display:flex;align-items:center;flex-direction:column;gap:4px 16px;justify-content:center}@media print,screen and (min-width: 500px){.section-score{flex-direction:row}}.section-score .header{display:flex;align-items:center;flex-direction:column;gap:4px}.section-score .icon{width:32px;height:32px;background:#a2a2aa;-webkit-mask-size:contain;mask-size:contain}@media print,screen and (min-width: 630px){.section-score .icon{width:40px;height:40px}}.section-score .icon.listening{-webkit-mask-image:url(/assets/icons/study_audio.svg);mask-image:url(/assets/icons/study_audio.svg)}.section-score .icon.reading{-webkit-mask-image:url(/assets/icons/menu_book_inactive.svg);mask-image:url(/assets/icons/menu_book_inactive.svg)}.section-score .name{color:#a2a2aa;font-size:1.6rem;font-weight:700;line-height:1}@media print,screen and (min-width: 630px){.section-score .name{font-size:2rem}}.section-score .score{width:100px;color:#212121;font-size:4.8rem;font-weight:700;line-height:1;text-align:center}@media print,screen and (min-width: 630px){.section-score .score{font-size:5.6rem}}.total-score,.ranking-position{display:flex;align-items:center;flex-direction:column}.total-score .title,.ranking-position .title{color:#a2a2aa;font-size:2rem;font-weight:700;line-height:1}@media print,screen and (min-width: 500px){.total-score .title,.ranking-position .title{font-size:2.4rem}}@media print,screen and (min-width: 630px){.total-score .title,.ranking-position .title{font-size:3.6rem}}.total-score{gap:4px}@media print,screen and (min-width: 630px){.total-score{gap:0}}.total-score .score{color:#212121;font-size:6.4rem;font-weight:700;line-height:64px}@media print,screen and (min-width: 500px){.total-score .score{font-size:8rem;line-height:80px}}@media print,screen and (min-width: 630px){.total-score .score{font-size:12rem;line-height:106px}}.ranking-position{gap:8px}@media print,screen and (min-width: 630px){.ranking-position{gap:4px}}@media print,screen and (min-width: 630px){.ranking-position{gap:0}}.ranking-position .position-container{display:flex;align-items:center;flex-direction:column;gap:8px;justify-content:center}@media print,screen and (min-width: 630px){.ranking-position .position-container{padding-top:18px}}.ranking-position .position{color:#212121;font-size:2.4rem;font-weight:700;line-height:1}@media print,screen and (min-width: 500px){.ranking-position .position{font-size:5.6rem}}.ranking-position .position small{font-size:1.6rem}@media print,screen and (min-width: 500px){.ranking-position .position small{font-size:3.2rem}}.ranking-position .participant-total{color:#a2a2aa;font-size:2rem;font-weight:700;line-height:1}.ranking-position .participant-total small{font-size:1.6rem}@media print,screen and (min-width: 630px){.ranking-position .participant-total{font-size:2.4rem}.ranking-position .participant-total small{font-size:2rem}}.nav{position:fixed;bottom:0;left:0;width:100%;padding:16px;background:#fff;border-top:1px solid #dddde5}@media print,screen and (min-width: 500px){.nav{position:static;padding:0;border:none}}.nav .link{display:grid;place-items:center;height:40px;padding:0 16px;border-radius:8px;background-color:#d80032;color:#fff;font-weight:700;line-height:1;text-align:center;text-decoration:none;transition:opacity .3s cubic-bezier(.16,1,.3,1)}@media (hover: hover){.nav .link:hover{opacity:.8}}@media (hover: none){.nav .link:active{opacity:.8}}