@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&family=Shippori+Mincho:wght@400;500;600&display=swap";
:root{--bg-color:#fdfdfd;--text-main:#2c2c2c;--text-light:#7a7a7a;--accent-color:#c1b49a;--accent-light:#eae6db;--border-color:#eee;--font-serif:"Shippori Mincho", serif;--font-sans:"Noto Sans JP", sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--content-max-width:1000px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);letter-spacing:.05em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.8}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-main);font-weight:500;line-height:1.4}a{color:inherit;text-decoration:none;transition:opacity .3s,color .3s}a:hover{opacity:.6}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--content-max-width);padding:0 var(--spacing-sm);margin:0 auto}.text-center{text-align:center}.section{padding:var(--spacing-xl) 0}.section-title{margin-bottom:var(--spacing-lg);text-align:center;font-size:2rem;position:relative}.section-title:after{content:"";background-color:var(--accent-color);width:30px;height:1px;margin:var(--spacing-sm) auto 0;display:block}.fade-in{animation:1s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}