*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#403c32;background:#e9e4d9;font-family:"Yu Gothic","Meiryo",sans-serif;line-height:1.8}main{max-width:1100px;margin:auto;box-shadow:0 10px 60px #60513b25}.page{position:relative;overflow:hidden;min-height:700px;background:#f8f5ed}.hero{min-height:790px;background:#f5eadb}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,#f8f0e4 0%,#f8f0e4ed 39%,#f8f0e400 76%),url('images/hero.png') center/cover}.hero-content{position:relative;padding:44px 8% 70px;max-width:780px}.brand,.topline,.page-foot{font-size:11px;font-weight:700;letter-spacing:.18em;color:#7c8871}.brand span{color:#b78c76}.eyebrow{display:inline-block;margin-top:100px;padding:6px 15px;background:#dce5d5;color:#52664d;font-size:13px;letter-spacing:.08em}h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(32px,4.5vw,55px);line-height:1.55;letter-spacing:.04em;margin:26px 0;color:#3c463a}h1 strong{color:#a65f4c}.hero-sub{font-size:19px;letter-spacing:.12em;line-height:1.5}.hero-sub b{font-size:29px}.hero-sub em{font-family:Georgia,serif;font-size:70px;font-weight:400;font-style:italic;color:#b16e58}.intro{font-size:15px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;margin-top:24px;padding:16px 25px 17px 30px;min-width:280px;border-radius:40px;background:linear-gradient(#cd856e,#b96c55);box-shadow:0 5px 0 #99523f,0 10px 20px #a2695350;color:white;text-decoration:none;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(3px);box-shadow:0 2px 0 #99523f,0 5px 12px #a2695350}.button:focus-visible{outline:3px solid #495f45;outline-offset:5px}.button span{font-size:20px}.hero-tags{display:flex;gap:12px;margin-top:58px;font-size:12px;letter-spacing:.08em;color:#657460}.hero-tags span{border-top:1px solid #a8b6a0;padding-top:8px}.hero-index{position:absolute;right:30px;bottom:25px;font-size:11px;color:#66725d;letter-spacing:.15em}.page-inner,.last-inner{padding:54px 8% 35px}.topline,.page-foot{display:flex;justify-content:space-between;gap:20px}.topline{border-bottom:1px solid #cfd8c7;padding-bottom:14px}.criterion-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;min-height:560px}.num{font-family:Georgia,serif;font-size:84px;line-height:1;color:#b77b65}.num small{font:700 10px sans-serif;letter-spacing:.2em;display:block;color:#87957f}.criterion h2,.last h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(31px,4vw,48px);line-height:1.5;letter-spacing:.05em;margin:24px 0;color:#3d493a}.body{font-size:16px;line-height:2.15;max-width:510px}.check{display:flex;align-items:flex-start;gap:16px;border-top:1px solid #c7d2bf;margin-top:30px;padding-top:18px}.check span{font:700 10px sans-serif;letter-spacing:.15em;background:#71866c;color:#fff;padding:7px}.check p{font-size:14px;margin:0}.visual{position:relative}.detail-img{display:block;width:100%;aspect-ratio:1/1.1;object-fit:cover;border-radius:48% 48% 3px 3px;box-shadow:18px 18px 0 #e6ded0}.composition{position:relative;height:410px;background:#e7eddf;border-radius:48% 48% 3px 3px;overflow:hidden}.composition:before{content:"";position:absolute;width:65%;height:65%;left:18%;top:17%;background:#f9f7ef;transform:rotate(-8deg);box-shadow:0 14px 35px #6d74552e}.composition:after{content:"";position:absolute;width:48%;height:50%;left:32%;top:29%;background:#d7a38e;transform:rotate(9deg);box-shadow:0 12px 28px #895f492e}.composition span{position:absolute;z-index:2;left:35%;top:25%;font:italic 150px Georgia;color:#faf8ef}.composition i,.composition b,.composition em{position:absolute;z-index:3;display:block;background:#728b70}.composition i{height:2px;width:30%;left:8%;top:15%}.composition b{height:50px;width:50px;border-radius:50%;right:9%;bottom:10%;background:#faf8ef}.composition em{height:1px;width:20%;right:4%;top:50%}.p2,.p5,.p8{background:#f0eee5}.p4,.p9{background:#e8eee3}.p2 .criterion-grid,.p4 .criterion-grid,.p6 .criterion-grid,.p8 .criterion-grid,.p10 .criterion-grid{direction:rtl}.criterion-grid>*{direction:ltr}.p2 .composition,.p6 .composition,.p10 .composition{background:#e9d8c9}.p4 .composition,.p8 .composition{background:#d9e1d3}.page-foot{border-top:1px solid #d7dcd1;padding-top:15px}.last{background:#e6ede1}.last-inner{min-height:700px;display:flex;flex-direction:column;align-items:flex-start}.last .topline,.last .page-foot{width:100%}.last-kicker{margin-top:76px;color:#71866c;font-size:13px;font-weight:700;letter-spacing:.1em}.last h2{font-size:clamp(36px,5vw,58px);margin:12px 0 22px}.last h2 strong{color:#a65f4c}.source{font-size:11px;color:#6a7364;margin:36px 0;line-height:1.9}.last .page-foot{margin-top:auto}@media(max-width:650px){.hero{min-height:780px}.hero-photo{background:linear-gradient(180deg,#f8f0e400 0%,#f8f0e4 48%),url('images/hero.png') 65% top/auto 55% no-repeat}.hero-content{padding:25px 7% 55px}.brand{color:#435042}.eyebrow{margin-top:260px}h1{font-size:31px}.hero-sub b{font-size:24px}.hero-sub em{font-size:54px}.hero-tags{margin-top:35px}.page-inner,.last-inner{padding:35px 7% 25px}.criterion-grid{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:45px 0}.criterion-grid>div:first-child{order:1}.visual{order:0}.composition{height:230px}.composition span{font-size:100px}.detail-img{aspect-ratio:1.7;border-radius:40% 40% 2px 2px}.num{font-size:62px}.criterion h2{font-size:30px}.body{font-size:15px}.page-foot{font-size:9px}.last-inner{min-height:690px}.last-kicker{margin-top:60px}.source{font-size:10px}.button{min-width:250px}}

@media(min-width:651px){.criterion h2{font-size:clamp(28px,3vw,36px)}}
@media(max-width:650px){.last h2{font-size:32px}}
@media(max-width:650px){h1{font-size:26px}}