@import"//db.onlinewebfonts.com/c/d7e8a95865396cddca89b00080d2cba6?family=SoDo+Sans+SemiBold";html{font-size:62.5%}:where(.astro-3UCPJLH3){padding:0;margin:0}h1:where(.astro-3UCPJLH3),h2:where(.astro-3UCPJLH3),h3:where(.astro-3UCPJLH3){font-family:Georgia}h1:where(.astro-3UCPJLH3){padding:0;margin:0}h2:where(.astro-3UCPJLH3),h3:where(.astro-3UCPJLH3){color:#006140}h3:where(.astro-3UCPJLH3){font-size:1rem}.contents:where(.astro-3UCPJLH3){display:block;width:85%;margin:0 auto}li:where(.astro-3UCPJLH3){list-style:none;margin-top:24px}p:where(.astro-3UCPJLH3){line-height:1.6}#body-secondary:where(.astro-3UCPJLH3){font-family:SODO Sans,SoDoSansRegular,system-ui,Arial,serif}.bg-style:where(.astro-3UCPJLH3){background:linear-gradient(to bottom,transparent 0%,transparent 5%,#f2f0ea 10%),url(https://raw.githubusercontent.com/Hikari7/infographic_Starbucks/main/imgs/photo-1606486544554-164d98da4889.avif);background-repeat:no-repeat;background-position:center top;background-size:cover}header:where(.astro-3UCPJLH3) .header_container:where(.astro-3UCPJLH3){width:80%;display:flex;margin:0 auto;padding:36px}.header_container:where(.astro-3UCPJLH3) img:where(.astro-3UCPJLH3){width:30%;height:30%}header:where(.astro-3UCPJLH3) h1:where(.astro-3UCPJLH3){font-size:2.8rem;color:#f2f0ea;display:block;-moz-text-align-last:left;text-align-last:left}@media only screen and (min-width: 550px) and (max-width: 768px){h1:where(.astro-3UCPJLH3){font-size:3.2rem}header:where(.astro-3UCPJLH3) h1:where(.astro-3UCPJLH3){font-size:3.2rem}h2:where(.astro-3UCPJLH3){font-size:2.4rem}h3:where(.astro-3UCPJLH3){font-size:2.2rem}p:where(.astro-3UCPJLH3){font-size:1.2rem}.section:where(.astro-3UCPJLH3){padding:50px}}@media only screen and (min-width: 769px){h1:where(.astro-3UCPJLH3){font-size:4.2rem;padding:36px}header:where(.astro-3UCPJLH3) h1:where(.astro-3UCPJLH3){font-size:4.2rem}h2:where(.astro-3UCPJLH3){font-size:3.2rem}h3:where(.astro-3UCPJLH3){font-size:2.4rem}p:where(.astro-3UCPJLH3){font-size:1.6rem}.section:where(.astro-3UCPJLH3){padding:60px}}main:where(.astro-3UCPJLH3) h2:where(.astro-3UCPJLH3){padding-bottom:8px}.section:where(.astro-3UCPJLH3){margin:36px auto;width:70%;background-color:#f9f9f999;padding:42px;border-radius:8px}.place:where(.astro-3UCPJLH3):first-child{margin-top:16px}.places:where(.astro-3UCPJLH3){display:block;padding:0;margin:0}.place:where(.astro-3UCPJLH3){color:#1e3832;width:50%;margin:1.6rem auto;text-align:center;padding:1.6rem 0;background-color:#d4e8e1;margin-top:8px;border-radius:12px;box-shadow:0 0 3rem -.8rem}.roast_img:where(.astro-3UCPJLH3){display:block;width:300px;height:300px}@media only screen and (min-width: 550px) and (max-width: 768px){.places:where(.astro-3UCPJLH3){display:flex;padding:0;margin:0}.place:where(.astro-3UCPJLH3){margin:1.2rem;width:calc(100% / 3)}.place:where(.astro-3UCPJLH3) li:where(.astro-3UCPJLH3){display:table-cell}.place:where(.astro-3UCPJLH3) h3:where(.astro-3UCPJLH3){display:block;padding:16px}}@media only screen and (min-width: 769px){.places:where(.astro-3UCPJLH3){display:flex;padding:0;margin:0}.place:where(.astro-3UCPJLH3){margin:1.2rem;width:calc(100% / 3)}.place:where(.astro-3UCPJLH3) li:where(.astro-3UCPJLH3){display:table-cell}.place:where(.astro-3UCPJLH3) h3:where(.astro-3UCPJLH3){display:block;padding:16px}}.roast:where(.astro-3UCPJLH3){color:#1e3832;width:auto;margin:24px auto 36px;text-align:center;padding:24px 0;background-color:#d4e8e1;border-radius:12px;box-shadow:0 0 3rem -.8rem}.roast_desc:where(.astro-3UCPJLH3){padding-top:12px;width:60%;margin:0 auto}.roast_detail:where(.astro-3UCPJLH3){display:flex;box-sizing:border-box;position:relative}.roast_detail:where(.astro-3UCPJLH3) img:where(.astro-3UCPJLH3){width:50%;height:50%}.roast_detail:where(.astro-3UCPJLH3) p:where(.astro-3UCPJLH3){display:inline;position:absolute;width:45%;top:50%;left:50%;background-color:#f2f0ea;border-radius:6px;color:#01754a;padding:2px;box-sizing:border-box;font-size:1rem}@media only screen and (min-width: 550px){.roast_details:where(.astro-3UCPJLH3){display:flex}.roast:where(.astro-3UCPJLH3){margin-top:42x}.roast_detail:where(.astro-3UCPJLH3){flex-direction:column;width:50%;align-items:center;position:static}.roast_detail:where(.astro-3UCPJLH3) img:where(.astro-3UCPJLH3){display:block;width:50%;align-items:center;margin-top:12px}.roast_detail:where(.astro-3UCPJLH3) p:where(.astro-3UCPJLH3){display:block;position:static;margin-top:12px}.roast_detail:where(.astro-3UCPJLH3) img:where(.astro-3UCPJLH3){width:50%;height:80%}}.step:where(.astro-3UCPJLH3){display:flex}.step_num:where(.astro-3UCPJLH3){color:#006140;font-family:Georgia;display:block;height:100%;width:30%;text-align:center;font-size:10em}.step:where(.astro-3UCPJLH3) h3:where(.astro-3UCPJLH3){margin:16px 0}.step:where(.astro-3UCPJLH3){color:#006140;width:auto;margin:24px auto;padding:24px;background-color:#d4e8e1;border-radius:12px;box-shadow:0 0 3rem -.8rem}.section:where(.astro-3UCPJLH3):last-child{padding-bottom:36px;margin-bottom:0}.step_desc:where(.astro-3UCPJLH3){-moz-text-align-last:left;text-align-last:left;width:70%}.step_desc:where(.astro-3UCPJLH3) p:where(.astro-3UCPJLH3){color:#000}