@charset "UTF-8";body{width:100%;margin:0;background-color:#fff;color:#1a1a1a;font-family:HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-feature-settings:"palt"}body h2,body p{margin:0}body a{text-decoration:none;color:#1a1a1a}.hamburger{position:fixed;left:50%;bottom:50px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);border-radius:50%;transform:translateX(-50%)}.hamburger span{position:absolute;width:20px;height:1px;background:#1a1a1a}.hamburger span:nth-child(1){transform:translateY(-3px)}.hamburger span:nth-child(2){transform:translateY(3px)}.hamburger.active span{background:#1a1a1a}.hamburger.active span:nth-child(1){transform:rotate(45deg)}.hamburger.active span:nth-child(2){transform:rotate(-45deg)}.menu{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;background-color:#fff;z-index:-1;opacity:0;display:flex;justify-content:center;align-items:center}.menu.active{opacity:1;transform:scaleY(1);z-index:999}.menu.closing{opacity:0;transform:scaleY(0);transform-origin:center center;transition:transform .5s cubic-bezier(.86,0,.07,1),opacity .3s ease-out}.menu ul{text-align:center;list-style:none;padding:0}.menu li{margin:25px 0}.menu a{color:#1a1a1a;font-size:26px;letter-spacing:.07em}.menu a:hover{color:#9fa0a0}section{height:100vh;padding:20px}main{width:90%;margin:0 auto;letter-spacing:.08em}header{position:fixed;top:0;left:0;width:90%;z-index:1001;padding:50px 5% 0;display:flex;justify-content:space-between;align-items:center}.hidden{transform:translateY(-100%)}#to-po-myText{font-size:16px;font-weight:400}#to-po-myText a{color:#1a1a1a}#to-po-myText a:hover{color:#9fa0a0}#to-po-aboutText{font-size:16px;display:flex;align-items:center;justify-content:center}#to-po-aboutText a{color:#1a1a1a}#to-po-aboutText a:hover{color:#9fa0a0}.to-po-image-gallery{display:flex;flex-wrap:wrap;margin-top:150px;gap:80px;width:100%;margin-left:auto;margin-right:auto}.to-po-image-container{position:relative;display:inline-block;width:calc((100% - 240px)/ 4)}.to-po-image-container a{display:block;width:100%}.to-po-image-container a:hover img{opacity:.7}.to-po-image-container img{display:block;width:100%;height:auto}.to-po-text{font-size:12px;color:#1a1a1a;padding-top:15px}.to-po-text-year{padding-top:4px}.to-po-title{width:60%;margin:200px auto 0}.to-po-title-hea h2{font-size:22px;font-weight:400}.to-po-title-hea p{padding-top:8px;font-size:14px;color:#9fa0a0}.to-po-title-rea{padding-top:20px}.to-po-title-rea p{width:600px;font-size:14px;line-height:1.8;letter-spacing:.1em;font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Noto Sans JP"}.to-po-title-rea-mag{padding-top:10px}.to-po-title-rea-pad{padding-top:10px}.to-po-title-day{padding-top:20px}.to-po-title-day p{font-size:14px;color:#9fa0a0}.to-po-title-site{padding-top:6px;color:#9fa0a0}.to-po-title-site p{font-size:14px}.to-po-title-site a{color:#9fa0a0}.to-po-title-site a:hover{color:#1a1a1a}.to-po-detail-img{width:60%;margin:50px auto 0}.to-po-detail-img img{width:100%}.to-po-detail-img-02{padding-top:30px}.to-po-detail-img-03{padding-top:30px;aspect-ratio:16/9;width:100%}.to-po-works-caption p{font-size:12px;padding-top:10px;text-align:center;color:#9fa0a0}.to-po-about{padding-top:150px;width:680px;margin:0 auto;font-size:14px}.to-po-about h2{font-weight:400;font-size:16px}.to-po-about-rea-en{padding-top:60px;line-height:1.8;letter-spacing:.1em}.to-po-about-rea-jp{padding-top:30px;line-height:2;letter-spacing:.1em;font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Noto Sans JP"}.to-po-about-cla{padding-top:30px;line-height:2;letter-spacing:.1em}footer{margin:100px 0 50px}footer p{font-size:16px}@media screen and (max-width:1600px){.to-po-text{padding-top:10px}.to-po-image-gallery{gap:70px}.to-po-image-container{width:calc((100% - 140px)/ 3)}.to-po-text-year{padding-top:3px}}@media screen and (max-width:1300px){.to-po-detail-img,.to-po-title,.to-po-title-rea p{width:100%}}@media screen and (max-width:1200px){.to-po-image-gallery{justify-content:space-between}.to-po-image-container{width:45%}}@media screen and (max-width:900px){main{letter-spacing:.05em}header{padding:30px 5% 0}.menu a{font-size:22px}#to-po-aboutText,#to-po-myText{font-size:14px}.to-po-image-container{width:100%}.to-po-image-gallery{gap:30px;margin-top:110px}footer{margin-top:50px}footer p{font-size:14px}.to-po-title{margin-top:140px}.to-po-title-hea h2{font-size:20px}.to-po-title-hea p{font-size:12px;padding-top:4px}.to-po-title-day p,.to-po-title-site p{font-size:12px}.to-po-title-site{padding-top:3px}.to-po-detail-img-02{padding-top:20px}.to-po-detail-img-03{padding-top:20px}.to-po-works-caption p{padding-top:3px}.to-po-about{width:100%}.to-po-about-rea-en{line-height:1.6;letter-spacing:.05em}.to-po-about-rea-jp{line-height:1.8}.to-po-about-cla{line-height:1.8;letter-spacing:.05em;padding-bottom:100px}.to-po-text{font-size:12px;padding-top:8px}.to-po-text-year{padding-top:2px}}