@charset "utf-8";@layer common,page,override;:root{--leading-trim:calc((1em - 1lh) / 2);--col_white:#fff;--font_NotoSansJP:'Noto Sans JP', sans-serif;--font_NotoSerifJP:'Noto Serif JP', serif;--col_text_black:#272727}@supports not (top:1lh){:root{--leading-trim:0px}}@layer common{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,nav,figure,main,section{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;box-sizing:border-box}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,th,td{text-align:left;font-weight:400;vertical-align:middle}h1,h2,h3,h4,h5,h6{line-height:1}.clearfix:after{content:"";display:block;clear:both}main,figure{display:block}img{max-width:100%;height:auto;display:block;image-rendering:auto;width:100%}a{color:currentColor;text-decoration:none}}@layer common{@media (any-hover:hover){.link__alpha{cursor:pointer;transition:opacity .3s ease;will-change:opacity}.link__alpha:hover{opacity:.6}.link__color{cursor:pointer;transition:color .3s ease;will-change:color}.link__color:hover{color:#fff}.link__text{cursor:pointer;position:relative}.link__text:before{content:"";display:block;height:1px;width:100%;background-color:currentColor;position:absolute;left:0;bottom:0;transform-origin:right center;transform:scale(0,1);transition:transform .3s ease;will-change:transform}.link__text:hover:before{transform-origin:left center;transform:scale(1,1)}.link__line{padding-bottom:.25em;background:linear-gradient(currentColor,currentColor)0 100%/0 1px no-repeat;transition:background .3s ease;will-change:background}.link__line:hover{background-size:100% 1px}.link__fill{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center}.link__fill span{position:relative}.link__fill:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;transform-origin:right center;transform:scale(0,1);transition:transform .3s ease;will-change:transform}.link__fill:hover:before{transform-origin:left center;transform:scale(1,1)}.link__zoom figure{overflow:hidden}.link__zoom img{transition:transform .4s ease;will-change:transform}.link__zoom:hover img{transform:scale(1.2)}}}@layer override{@media (min-width:1500px){.only-sp{display:none}}@media (min-width:768px) and (max-width:1499px){.only-sp{display:none}}@media (max-width:767px){.only-pc{display:none}}}@layer common{@property --radial-scale-start{syntax:"<percentage>";inherits:true;initial-value:0%}@property --radial-scale-end{syntax:"<percentage>";inherits:true;initial-value:25%}@keyframes radial{0%{--radial-scale-start:0%;--radial-scale-end:25%}to{--radial-scale-start:100%;--radial-scale-end:125%}}@media (min-width:1500px){html{scroll-behavior:smooth}body{background:#f0f3ee;color:var(--col_text_black);font-family:var(--font_NotoSansJP);letter-spacing:.02em;line-height:2;overflow-wrap:anywhere;word-break:normal;line-break:strict}.root{overflow:clip;width:100%}.header{background:#fff;height:100px;position:sticky;top:0;left:0;width:100%;z-index:900}.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding-inline:50px;width:100%}.header__inner h1{width:145px}.header__inner h1 a{display:block}.header__inner p{font-size:.75rem}.footer{border-top:1px solid var(--col_text_black);padding-block:68px 111px}.footer__inner{margin-inline:auto;width:1100px}.footer .logo{display:flex;flex-direction:column;align-items:center;gap:26px}.footer .logo p{font-size:1rem;letter-spacing:.02em;line-height:2}.footer .logo .canon{display:block;width:165px}.footer .logo .yomiuri{display:block;width:320px}.footer .link{display:flex;align-items:center;justify-content:center;gap:56px;margin-top:60px}.footer .link a{font-size:.9375rem;font-weight:400;letter-spacing:.02em;line-height:2;padding-left:31px;position:relative}.footer .link a:before{background:var(--col_text_black);content:"";height:21px;position:absolute;top:50%;left:0;translate:0-50%;width:21px}.footer .link a:after{border-top:2px solid #fff;border-right:2px solid #fff;content:"";height:8px;position:absolute;top:10px;left:3px;rotate:45deg;width:8px}.footer .txt{font-size:.9375rem;letter-spacing:.02em;line-height:2;margin-top:18px;text-align:center}.footer small{color:#5a5a5a;display:block;font-size:1rem;font-weight:400;letter-spacing:.02em;line-height:2;margin-top:45px;text-align:center}.intersect-elem.fade-in{opacity:0;transition:opacity 1s ease-out;will-change:opacity}.intersect-elem.fade-in.active{opacity:1}.intersect-elem.fade-up{opacity:0;translate:0 50px;transition:opacity 1s ease-out,translate 1s ease-out;will-change:opacity}.intersect-elem.fade-up.active{opacity:1;translate:0 0}.intersect-elem.fade-right{opacity:0;translate:50px 0;transition:opacity 1s ease-out,translate 1s ease-out;will-change:opacity}.intersect-elem.fade-right.active{opacity:1;translate:0 0}.intersect-elem.fade-left{opacity:0;translate:-50px 0;transition:opacity 1s ease-out,translate 1s ease-out;will-change:opacity}.intersect-elem.fade-left.active{opacity:1;translate:0 0}.intersect-elem.chapter__head{opacity:0;transition:opacity 1s ease-out;will-change:opacity}.intersect-elem.chapter__head:before{scale:1 0;transition:scale 1s ease-out .3s}.intersect-elem.chapter__head.active{opacity:1}.intersect-elem.chapter__head.active:before{scale:1 1}.intersect-elem.blurImg{overflow:hidden;opacity:0;transition:opacity 1.2s ease-out;will-change:opacity;position:relative}.intersect-elem.blurImg:before{background-image:radial-gradient(circle,transparent var(--radial-scale-start),#f0f3ee var(--radial-scale-end));content:"";height:100%;pointer-events:none;position:absolute;top:0;left:0;width:100%}.intersect-elem.blurImg.active{opacity:1}.intersect-elem.blurImg.active:before{animation:radial 1.2s forwards ease-out}@supports not (color:color(display-p3 1 0 0)){.intersect-elem.blurImg:before{content:none}}}@media (min-width:768px) and (max-width:1499px){html{scroll-behavior:smooth}body{background:#f0f3ee;color:var(--col_text_black);font-family:var(--font_NotoSansJP);letter-spacing:.02em;line-height:2;overflow-wrap:anywhere;word-break:normal;line-break:strict}.root{overflow:clip;width:100%}.header{background:#fff;height:6.67vw;position:sticky;top:0;left:0;width:100%;z-index:900}.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding-inline:3.33vw;width:100%}.header__inner h1{width:9.67vw}.header__inner h1 a{display:block}.header__inner p{font-size:.8vw}.footer{border-top:1px solid var(--col_text_black);padding-block:4.53vw 7.4vw}.footer__inner{margin-inline:auto;width:73.33vw}.footer .logo{display:flex;flex-direction:column;align-items:center;gap:1.73vw}.footer .logo p{font-size:1.07vw;letter-spacing:.02em;line-height:2}.footer .logo .canon{display:block;width:11vw}.footer .logo .yomiuri{display:block;width:21.33vw}.footer .link{display:flex;align-items:center;justify-content:center;gap:3.73vw;margin-top:4vw}.footer .link a{font-size:1vw;font-weight:400;letter-spacing:.02em;line-height:2;padding-left:2.07vw;position:relative}.footer .link a:before{background:var(--col_text_black);content:"";height:1.4vw;position:absolute;top:50%;left:0;translate:0-50%;width:1.4vw}.footer .link a:after{border-top:.13vw solid #fff;border-right:.13vw solid #fff;content:"";height:.53vw;position:absolute;top:.67vw;left:.2vw;rotate:45deg;width:.53vw}.footer .txt{font-size:1vw;letter-spacing:.02em;line-height:2;margin-top:1.2vw;text-align:center}.footer small{color:#5a5a5a;display:block;font-size:1.07vw;font-weight:400;letter-spacing:.02em;line-height:2;margin-top:3vw;text-align:center}.intersect-elem.fade-in{opacity:0;transition:opacity 1s ease-out;will-change:opacity}.intersect-elem.fade-in.active{opacity:1}.intersect-elem.fade-up{opacity:0;translate:0 3.33vw;transition:opacity 1s ease-out,translate 1s ease-out;will-change:opacity}.intersect-elem.fade-up.active{opacity:1;translate:0 0}.intersect-elem.fade-right{opacity:0;translate:3.33vw 0;transition:opacity 1s ease-out,translate 1s ease-out;will-change:opacity}.intersect-elem.fade-right.active{opacity:1;translate:0 0}.intersect-elem.fade-left{opacity:0;translate:-3.33vw 0;transition:opacity 1s ease-out,translate 1s ease-out;will-change:opacity}.intersect-elem.fade-left.active{opacity:1;translate:0 0}.intersect-elem.chapter__head{opacity:0;transition:opacity 1s ease-out;will-change:opacity}.intersect-elem.chapter__head:before{scale:1 0;transition:scale 1s ease-out .3s}.intersect-elem.chapter__head.active{opacity:1}.intersect-elem.chapter__head.active:before{scale:1 1}.intersect-elem.blurImg{overflow:hidden;opacity:0;transition:opacity 1.2s ease-out;will-change:opacity;position:relative}.intersect-elem.blurImg:before{background-image:radial-gradient(circle,transparent var(--radial-scale-start),#f0f3ee var(--radial-scale-end));content:"";height:100%;pointer-events:none;position:absolute;top:0;left:0;width:100%}.intersect-elem.blurImg.active{opacity:1}.intersect-elem.blurImg.active:before{animation:radial 1.2s forwards ease-out}@supports not (color:color(display-p3 1 0 0)){.intersect-elem.blurImg:before{content:none}}}@media (max-width:767px){body{background:#f0f3ee;color:var(--col_text_black);font-family:var(--font_NotoSansJP);letter-spacing:0;line-height:1.6;overflow-wrap:anywhere;word-break:normal;line-break:strict}.root{overflow:clip;width:100%}.header{background:#fff;height:17.95vw;position:sticky;top:0;left:0;width:100%;z-index:900}.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding-inline:3.85vw;width:100%}.header__inner h1{width:22.05vw}.header__inner h1 a{display:block}.header__inner p{font-size:2.05vw}.footer{border-top:1px solid #bababa;padding-block:17.18vw 15.38vw}.footer__inner{padding-inline:2.56vw;width:100%}.footer .logo{display:flex;flex-direction:column;align-items:center}.footer .logo p{font-size:4.31vw;letter-spacing:.02em;line-height:2}.footer .logo .canon{display:block;margin-top:4.62vw;width:33.17vw}.footer .logo .yomiuri{display:block;margin-top:7.18vw;width:64.33vw}.footer .link{display:flex;flex-direction:column;gap:2.05vw;margin-top:18.97vw;margin-inline:auto;width:fit-content}.footer .link a{font-size:4.1vw;font-weight:400;letter-spacing:.02em;line-height:2;padding-left:8.97vw;position:relative}.footer .link a:before{background:var(--col_text_black);content:"";height:6.15vw;position:absolute;top:50%;left:0;translate:0-50%;width:6.15vw}.footer .link a:after{border-top:2px solid #fff;border-right:2px solid #fff;content:"";height:2.05vw;position:absolute;top:2.82vw;left:1.28vw;rotate:45deg;width:2.05vw}.footer .txt{font-size:4.1vw;letter-spacing:.02em;line-height:2;margin-top:5.64vw;text-align:center}.footer small{color:#5a5a5a;display:block;font-size:4.1vw;font-weight:400;letter-spacing:.02em;line-height:2;margin-top:15.38vw;text-align:center}.intersect-elem.fade-in{opacity:0;transition:opacity 1s ease-out;will-change:opacity}.intersect-elem.fade-in.active{opacity:1}.intersect-elem.fade-up{opacity:0;translate:0 12.82vw;transition:opacity 1s ease-out,translate 1s ease-out;will-change:opacity}.intersect-elem.fade-up.active{opacity:1;translate:0 0}.intersect-elem.fade-right{opacity:0;translate:12.82vw 0;transition:opacity 1s ease-out,translate 1s ease-out;will-change:opacity}.intersect-elem.fade-right.active{opacity:1;translate:0 0}.intersect-elem.fade-left{opacity:0;translate:-12.82vw 0;transition:opacity 1s ease-out,translate 1s ease-out;will-change:opacity}.intersect-elem.fade-left.active{opacity:1;translate:0 0}.intersect-elem.chapter__head{opacity:0;transition:opacity 1s ease-out;will-change:opacity}.intersect-elem.chapter__head:before{scale:1 0;transition:scale 1s ease-out .3s}.intersect-elem.chapter__head.active{opacity:1}.intersect-elem.chapter__head.active:before{scale:1 1}.intersect-elem.blurImg{overflow:hidden;opacity:0;transition:opacity 1.2s ease-out;will-change:opacity;position:relative}.intersect-elem.blurImg:before{background-image:radial-gradient(circle,transparent var(--radial-scale-start),#f0f3ee var(--radial-scale-end));content:"";height:100%;pointer-events:none;position:absolute;top:0;left:0;width:100%}.intersect-elem.blurImg.active{opacity:1}.intersect-elem.blurImg.active:before{animation:radial 1.2s forwards ease-out}@supports not (color:color(display-p3 1 0 0)){.intersect-elem.blurImg:before{content:none}}}}