html,body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}body{background:#2b303b;font-family:Noto Sans JP,Yu Gothic,Meiryo,sans-serif;color:#e0e6ed}.about-page{position:relative;width:100vw;max-width:none;left:50%;margin-left:-50vw;padding:2rem 1.5rem;background:#2b303b;border-radius:16px;box-shadow:0 8px 24px #0000004d;line-height:1.7;letter-spacing:.015em;text-align:justify}.about-page .service-title{font-size:2.2rem;color:#90caf9;margin-bottom:1.5rem;text-align:center;letter-spacing:.06em;font-weight:700;text-shadow:0 2px 8px rgba(21,101,192,.35)}.about-page h2{font-size:1.4rem;color:#42a5f5;margin:2.5rem 0 1rem;font-weight:700;text-align:left;letter-spacing:.03em;border-left:4px solid #42a5f5;padding-left:.8rem}.about-page p{margin-bottom:1.6rem;font-size:1.05rem}.about-page ul,.about-page ol{margin:0 0 1.8rem 1.2rem;padding:0}.about-page li{margin-bottom:1rem;font-size:1.05rem}.about-page code{background:#42a5f51a;color:#e3f2fd;font-family:Source Code Pro,Courier New,monospace;font-size:.95em;padding:.1em .4em;border-radius:4px;word-break:break-word}.about-page pre{background:#1f242b;color:#e3f2fd;font-family:Source Code Pro,Courier New,monospace;font-size:.95em;padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1.6rem}.about-page strong{background:#90caf926;color:#fff;padding:.1em .4em;border-radius:4px;font-weight:700}.about-page .thanks{margin-top:3rem;color:#90caf9;font-size:1rem;text-align:center;letter-spacing:.04em}.about-page a{color:#90caf9;text-decoration:underline;transition:color .2s}.about-page a:hover{color:#42a5f5}.about-page>*,.about-page ul>li,.about-page ol>li{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.about-page>*.animate-in,.about-page ul>li.animate-in,.about-page ol>li.animate-in{opacity:1;transform:translateY(0)}.about-page h2.animate-in{transition-delay:.1s}.about-page ul.animate-in,.about-page ol.animate-in{transition-delay:.15s}.about-page li.animate-in{transition-delay:.05s}.about-page .thanks.animate-in{transition-delay:.2s}@media (max-width: 700px){.about-page{padding:1.5rem 1rem;border-radius:12px}.about-page .service-title{font-size:1.6rem}.about-page h2{font-size:1.2rem;padding-left:.6rem;border-left-width:3px}.about-page p,.about-page li{font-size:1rem}}