/* About（試作 about-prototype.html から） */
.hero{position:relative;padding:6rem 1.4rem 0;box-sizing:border-box}
#blobs{position:relative;display:block;margin:0 auto;width:min(64vw,454px);height:auto;overflow:visible;pointer-events:none}
.words{text-align:center;padding-top:2.05rem}
.words p{margin:0 0 1.1rem;padding-left:.14em;font-size:.9rem;letter-spacing:.14em;line-height:2}
.words .first{color:var(--title);font-size:.95rem;letter-spacing:.2em;padding-left:.2em}
dl{margin:0;display:grid;grid-template-columns:7rem 1fr;gap:.9rem 1rem}
dt{font-size:.8rem;letter-spacing:.2em;color:var(--mute);padding-top:.2rem}
dd{margin:0}
.en{margin:1.4rem 0 0;font-size:.85rem;line-height:1.8;color:var(--mute)}
.do{list-style:none;margin:0;padding:0}
.do li{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
.do span{font-size:.85rem;color:var(--mute);letter-spacing:.1em}
ol.tl{list-style:none;margin:0;padding:0 0 0 1.5rem;border-left:1px solid var(--line)}
.tl li{position:relative;padding-bottom:1.9rem}
.tl li::before{content:"";position:absolute;left:calc(-1.5rem - 3px);top:.8em;width:5px;height:5px;border-radius:50%;background:var(--drip)}
.tl .d{display:block;font-size:.8rem;letter-spacing:.15em;color:var(--mute)}
.links{display:flex;gap:1.6rem;flex-wrap:wrap;font-size:.9rem;letter-spacing:.15em}
.contact{margin-top:3rem}
.contact a{border-bottom:1px solid var(--line)}