:root{--base-h: 900;--base-w: 1920;--base-h2: 1080;--scale-h: calc(100svh / var(--base-h));--scale-w: calc(100vw / var(--base-w));--scale-h2: calc(100svh / var(--base-h2))}@keyframes hito{from{transform:translate(0, 0)}to{transform:translate(-100%, 0)}}@keyframes finger{0%{transform:translate(0, 0);opacity:0}10%{opacity:1}80%{opacity:1}90%{opacity:0;transform:translate(0, -80%)}100%{opacity:0}}@media screen and (min-width: 767px){body{background:#000}body #wrapper{height:100%;height:calc(9312*var(--scale-h))}body #main{width:100vw;height:100lvh;display:flex;justify-content:center;align-items:center;align-content:center;opacity:1;position:fixed;top:0;z-index:100}body #main #btn_back{right:calc(4832*var(--scale-h))}body #main #db{width:calc(5088*var(--scale-h) - 100vw);height:100vh;background-size:auto 100%;position:absolute;top:0;right:0;top:0px;right:0;z-index:100;opacity:.5;pointer-events:none;display:none}body #main #paper{height:calc(779*var(--scale-h));width:calc(5088*var(--scale-h) - 100vw);position:absolute;right:0;top:calc(77*var(--scale-h))}body #main #paper #paper_all{position:relative;width:100%;height:100%}body #main #paper #paper_bg{position:absolute;top:0;right:0;right:calc(201*var(--scale-h));width:calc(4656*var(--scale-h))}body #main #paper #paper_hashi{position:absolute;top:0;right:0;right:calc(201*var(--scale-h));width:calc(4656*var(--scale-h));height:100%;width:calc(283*var(--scale-h));z-index:10;transition:all 1.3s;transition-timing-function:cubic-bezier(0.11, 0, 0.5, 0);pointer-events:none}body #main #paper #paper_hashi.open{width:calc(4656*var(--scale-h))}body #main #paper #paper_hashi .inner{width:100%;height:100%;position:relative}body #main #paper #paper_hashi .inner #hashi2{width:calc(142*var(--scale-h));position:absolute;top:0;left:0;z-index:3}body #main #paper #paper_hashi .inner #hashi2 .inner::before{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);right:calc(10*var(--scale-h));width:calc(4656*var(--scale-h));height:100vh;background:#000}body #main #paper #paper_hashi .inner #hashi2 .inner img{position:relative;z-index:3}body #main #paper #contents{position:absolute;height:100%;width:100%;width:calc(4887*var(--scale-h));right:calc(201*var(--scale-h));display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-direction:row-reverse}body #main #paper #top{position:relative;width:calc(725*var(--scale-h));height:100%}body #main #paper #top h1{overflow:visible;display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-direction:row-reverse;position:absolute;top:calc(144*var(--scale-h));right:calc(234*var(--scale-h))}body #main #paper #top .ttl{width:calc(40*var(--scale-h));overflow:visible}body #main #paper #top .stamp{width:calc(146*var(--scale-h));position:relative;top:calc(-35*var(--scale-h));left:calc(8*var(--scale-h))}body #main #paper #top .img{width:calc(428.5*var(--scale-h));position:relative;top:calc(190*var(--scale-h));left:calc(114*var(--scale-h))}body #main #paper #kokoroe_list{position:relative;width:calc(2674*var(--scale-h));height:100%;display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-direction:row-reverse}body #main #paper #kokoroe_list .kokoroe{width:calc(503*var(--scale-h));height:100%;position:relative}body #main #paper #kokoroe_list .kokoroe h2{position:absolute;display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-direction:row-reverse;top:calc(144*var(--scale-h));right:0;gap:calc(8*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe h2 .num{width:calc(40*var(--scale-h));position:relative;top:calc(7*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe h2 .num.san{width:calc(42*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe h2 .num.yon{width:calc(44*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe h2 .num.go{width:calc(42*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe h2 .ttl{width:calc(112*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe .mark{position:absolute;width:calc(400*var(--scale-h));top:calc(180*var(--scale-h));right:calc(62*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe .txt{position:absolute;width:calc(109*var(--scale-h));top:calc(203*var(--scale-h));right:calc(208*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe .img{width:calc(254.5*var(--scale-h));position:relative;top:calc(470*var(--scale-h));left:calc(-50*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe#kokoroe2 .img{top:calc(479*var(--scale-h));left:calc(17*var(--scale-h));width:calc(216*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe#kokoroe3 .txt{width:calc(151*var(--scale-h));top:calc(201*var(--scale-h));right:calc(189*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe#kokoroe3 .img{width:calc(195*var(--scale-h));top:calc(386*var(--scale-h));left:calc(-32*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe#kokoroe4{width:calc(508*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe#kokoroe4 .img{width:calc(156.5*var(--scale-h));top:calc(481*var(--scale-h));left:calc(15*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe#kokoroe5 .img{width:calc(228.5*var(--scale-h));top:calc(438*var(--scale-h));left:calc(-53*var(--scale-h))}body #main #paper #outro{position:relative;width:calc(1024*var(--scale-h));height:100%;display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-direction:row-reverse}body #main #paper #outro .txt{position:absolute;width:calc(108*var(--scale-h));top:calc(149*var(--scale-h));right:calc(0*var(--scale-h))}body #main #paper #outro .txt2{position:absolute;width:calc(108*var(--scale-h));top:calc(149*var(--scale-h));right:calc(181*var(--scale-h))}body #main #paper #outro #mark_area{position:absolute;width:calc(650*var(--scale-h));height:calc(436*var(--scale-h));top:calc(154*var(--scale-h));right:calc(374*var(--scale-h))}body #main #paper #outro #mark_area .m{position:absolute;top:0;left:0;width:100%;visibility:hidden}body #main #paper #outro #mark_area svg{overflow:visible}body #main #paper #outro #mark_area .inner{position:relative;width:100%;height:100%}body #main #paper #outro #mark_area .inner .mark_txt1{position:absolute;width:calc(167*var(--scale-h));top:calc(2*var(--scale-h));left:calc(481*var(--scale-h))}body #main #paper #outro #mark_area .inner .mark_txt2{position:absolute;width:calc(160*var(--scale-h));top:calc(4*var(--scale-h));left:calc(1*var(--scale-h))}body #main #paper #outro #mark_area .inner #mark{position:absolute;width:calc(357*var(--scale-h));top:calc(36*var(--scale-h));left:calc(141*var(--scale-h));opacity:0}body #main #paper #outro #mark_area .inner #mark g{opacity:0}}@media screen and (max-width: 767px){body{background:#000}body #wrapper{height:100%;height:calc(18624*var(--scale-h))}body #main{width:100vw;height:100lvh;display:flex;justify-content:center;align-items:center;align-content:center;opacity:1;position:fixed;top:0;z-index:100}body #main #btn_back{right:calc(4672*var(--scale-h))}body #main #db{width:calc(4738*var(--scale-h) - 100vw);height:100vh;background-size:auto 100%;position:absolute;top:0;right:0;top:0px;right:0;z-index:100;opacity:.5;pointer-events:none;display:none}body #main #paper{height:calc(779*var(--scale-h));width:calc(4738*var(--scale-h) - 100vw);position:absolute;right:0;top:calc(79*var(--scale-h))}body #main #paper #paper_all{position:relative;width:100%;height:100%}body #main #paper #paper_bg{position:absolute;top:0;right:0;right:calc(51*var(--scale-h));width:calc(4656*var(--scale-h))}body #main #paper #paper_hashi{position:absolute;top:0;right:0;right:calc(51*var(--scale-h));width:calc(4656*var(--scale-h));height:100%;width:calc(283*var(--scale-h));z-index:10;transition:all 1.3s;transition-timing-function:cubic-bezier(0.11, 0, 0.5, 0);pointer-events:none}body #main #paper #paper_hashi.open{width:calc(4656*var(--scale-h))}body #main #paper #paper_hashi .inner{width:100%;height:100%;position:relative}body #main #paper #paper_hashi .inner #hashi2{width:calc(142*var(--scale-h));position:absolute;top:0;left:0;z-index:3}body #main #paper #paper_hashi .inner #hashi2 .inner::before{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);right:calc(10*var(--scale-h));width:calc(4656*var(--scale-h));height:100vh;background:#000}body #main #paper #paper_hashi .inner #hashi2 .inner img{position:relative;z-index:3}body #main #paper #contents{position:absolute;height:100%;width:100%;width:calc(4687*var(--scale-h));right:calc(51*var(--scale-h));display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-direction:row-reverse}body #main #paper #top{position:relative;width:calc(725*var(--scale-h));height:100%}body #main #paper #top h1{overflow:visible;display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-direction:row-reverse;position:absolute;top:calc(144*var(--scale-h));right:calc(234*var(--scale-h))}body #main #paper #top .ttl{width:calc(40*var(--scale-h));overflow:visible}body #main #paper #top .stamp{width:calc(146*var(--scale-h));position:relative;top:calc(-35*var(--scale-h));left:calc(8*var(--scale-h))}body #main #paper #top .img{width:calc(428.5*var(--scale-h));position:relative;top:calc(190*var(--scale-h));left:calc(114*var(--scale-h))}body #main #paper #kokoroe_list{position:relative;width:calc(2674*var(--scale-h));height:100%;display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-direction:row-reverse}body #main #paper #kokoroe_list .kokoroe{width:calc(503*var(--scale-h));height:100%;position:relative}body #main #paper #kokoroe_list .kokoroe h2{position:absolute;display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-direction:row-reverse;top:calc(144*var(--scale-h));right:0;gap:calc(8*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe h2 .num{width:calc(40*var(--scale-h));position:relative;top:calc(7*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe h2 .num.san{width:calc(42*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe h2 .num.yon{width:calc(44*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe h2 .num.go{width:calc(42*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe h2 .ttl{width:calc(112*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe .mark{position:absolute;width:calc(400*var(--scale-h));top:calc(180*var(--scale-h));right:calc(62*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe .txt{position:absolute;width:calc(109*var(--scale-h));top:calc(203*var(--scale-h));right:calc(208*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe .img{width:calc(254.5*var(--scale-h));position:relative;top:calc(470*var(--scale-h));left:calc(-50*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe#kokoroe2 .img{top:calc(479*var(--scale-h));left:calc(17*var(--scale-h));width:calc(216*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe#kokoroe3 .txt{width:calc(151*var(--scale-h));top:calc(201*var(--scale-h));right:calc(189*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe#kokoroe3 .img{width:calc(195*var(--scale-h));top:calc(386*var(--scale-h));left:calc(-32*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe#kokoroe4{width:calc(508*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe#kokoroe4 .img{width:calc(156.5*var(--scale-h));top:calc(481*var(--scale-h));left:calc(15*var(--scale-h))}body #main #paper #kokoroe_list .kokoroe#kokoroe5 .img{width:calc(228.5*var(--scale-h));top:calc(438*var(--scale-h));left:calc(-53*var(--scale-h))}body #main #paper #outro{position:relative;width:calc(1024*var(--scale-h));height:100%;display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-direction:row-reverse}body #main #paper #outro .txt{position:absolute;width:calc(108*var(--scale-h));top:calc(149*var(--scale-h));right:calc(0*var(--scale-h))}body #main #paper #outro .txt2{position:absolute;width:calc(108*var(--scale-h));top:calc(149*var(--scale-h));right:calc(181*var(--scale-h))}body #main #paper #outro #mark_area{position:absolute;width:calc(650*var(--scale-h));height:calc(436*var(--scale-h));top:calc(154*var(--scale-h));right:calc(374*var(--scale-h))}body #main #paper #outro #mark_area .m{position:absolute;top:0;left:0;width:100%;visibility:hidden}body #main #paper #outro #mark_area svg{overflow:visible}body #main #paper #outro #mark_area .inner{position:relative;width:100%;height:100%}body #main #paper #outro #mark_area .inner .mark_txt1{position:absolute;width:calc(167*var(--scale-h));top:calc(2*var(--scale-h));left:calc(481*var(--scale-h))}body #main #paper #outro #mark_area .inner .mark_txt2{position:absolute;width:calc(160*var(--scale-h));top:calc(4*var(--scale-h));left:calc(1*var(--scale-h))}body #main #paper #outro #mark_area .inner #mark{position:absolute;width:calc(357*var(--scale-h));top:calc(36*var(--scale-h));left:calc(141*var(--scale-h));opacity:0}body #main #paper #outro #mark_area .inner #mark g{opacity:0}}