*,:after,:before{border-style:solid;border-width:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.15}body{margin:0}main{display:block}address,blockquote,dl,figure,form,iframe,p,pre,table{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ol,ul{list-style:none;margin:0;padding:0}dt{font-weight:700}dd{margin-left:0}hr{border-top-width:1px;box-sizing:content-box;clear:both;color:inherit;height:0;margin:0;overflow:visible}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;color:inherit;text-decoration:none}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object,svg{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;background:transparent;border-radius:0;color:inherit;font:inherit;margin:0;padding:0;text-align:inherit;text-transform:inherit;vertical-align:middle}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled{cursor:default}select:disabled{opacity:inherit}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-collapse:collapse;border-color:inherit}caption{text-align:left}td,th{padding:0;vertical-align:top}th{font-weight:700;text-align:left}html{font-size:62.5%}html body{font-size:1rem}html body .clearfix{display:inline-block;height:1%}html body .clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}html body img,html body video{height:auto;width:100%}@media screen and (min-width:980px){html body .pc{display:block}html body .sp{display:none!important}}@media screen and (max-width:980px){html body .sp{display:block}html body .pc{display:none!important}}html body .scroll-in{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}html body .scroll-in.show{opacity:1;-webkit-transform:none;transform:none;transition:.5s ease}@font-face{html body{font-family:HelveticaNeue-Bold;src:url(../font/helvetica-neue/HelveticaNeue-Bold.eot)}}@font-face{font-family:avenir-db;src:url(../fonts/avenir-next/AvenirNext-DemiBold/AvenirNext-DemiBold.eot) format("embedded-opentype"),url(../fonts/avenir-next/AvenirNext-DemiBold/AvenirNext-DemiBold.woff) format("woff"),url(../fonts/avenir-next/AvenirNext-DemiBold/AvenirNext-DemiBold.ttf) format("truetype"),url('../fonts/avenir-next/AvenirNext-DemiBold/AvenirNext-DemiBold.svg#str-replace("avenir-db", " ", "_")') format("svg")}@font-face{font-family:avenir;src:url(../fonts/avenir-next/AvenirNext-Regular/AvenirNext-Regular.eot) format("embedded-opentype"),url(../fonts/avenir-next/AvenirNext-Regular/AvenirNext-Regular.woff) format("woff"),url(../fonts/avenir-next/AvenirNext-Regular/AvenirNext-Regular.ttf) format("truetype"),url('../fonts/avenir-next/AvenirNext-Regular/AvenirNext-Regular.svg#str-replace("avenir", " ", "_")') format("svg")}:root{--height:100svh}html{-ms-overflow-style:none;scrollbar-width:none}html:-webkit-scrollbar{display:none}body{font-family:ryo-gothic-plusn,sans-serif;font-weight:400}body #main-visual{--open:4.3s;height:var(--height);left:0;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1}body #main-visual .opening{--interval:0.8s;aspect-ratio:570/760;left:0;margin-inline:auto;opacity:0;overflow:hidden;position:absolute;right:0;top:50%;translate:0 -50%;width:285px;z-index:5}@media screen and (min-width:980px){body #main-visual .opening{width:477.5px}}body #main-visual .opening img{height:100%;object-fit:cover;position:absolute;scale:1.04;transition:opacity .7s ease calc(var(--interval)*2),scale 1s ease var(--interval);width:100%}body #main-visual .opening img:first-child{z-index:5}body #main-visual .opening img:nth-child(2){transition-delay:calc(var(--interval)*3),calc(var(--interval)*2);z-index:4}body #main-visual .opening img:nth-child(3){transition-delay:calc(var(--interval)*4),calc(var(--interval)*3);z-index:3}body #main-visual .opening img:nth-child(4),body #main-visual .opening img:nth-child(5){transition-delay:calc(var(--interval)*5),calc(var(--interval)*4);z-index:2}body #main-visual .img{align-items:center;display:flex;height:100%;justify-content:center;opacity:0;position:relative;width:100%;z-index:1}body #main-visual .img .inner{background-image:url(../img/osoi_2025autumn/main.jpg);background-position:43% 46%;background-repeat:no-repeat;background-size:151% auto;height:380px;width:285px}@media screen and (min-width:980px){body #main-visual .img .inner{background-position:50% 28.5%;background-size:237% auto;height:637px;width:477.5px}}body #main-visual.show .img{opacity:1;transition:.2s ease 1.8s}body #main-visual.show .img .inner{background-position:48% 40%;background-size:160% auto;height:100%;transition:width 1.5s ease var(--open),height 1.5s ease var(--open),background-size 1.5s ease var(--open),background-position 1.5s ease var(--open);width:100%}@media screen and (min-width:980px){body #main-visual.show .img .inner{background-position:50% 30%;background-size:100% auto;transition:width 2s ease var(--open),height 2s ease var(--open),background-size 2s ease var(--open),background-position 2s ease var(--open)}}body #main-visual.show .opening{opacity:1;transition:.3s ease var(--interval)}body #main-visual.show .opening img{opacity:0;scale:1}body #main-visual .logo{background-color:#fff;left:0;margin:0 auto;-webkit-mask-image:url(../img/osoi_2025autumn/title.png);mask-image:url(../img/osoi_2025autumn/title.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;opacity:0;position:absolute;right:0;top:20px;width:125.5px;z-index:1000}@media screen and (min-width:980px){body #main-visual .logo{margin-left:40px;position:fixed;right:auto;top:30px}}body #main-visual .logo img{opacity:0}body #main-visual hgroup{bottom:0;color:#fff;left:0;margin-bottom:50px;position:absolute;text-align:center;width:100%;z-index:2}@media screen and (min-width:980px){body #main-visual hgroup{margin-bottom:65px;margin-left:70px;text-align:left}}body #main-visual hgroup h1{font-family:avenir-next-lt-pro-condensed,sans-serif;font-size:6rem;font-style:normal;font-weight:800;line-height:.8833333333}@media screen and (min-width:980px){body #main-visual hgroup h1{font-size:10rem;line-height:.87}}body #main-visual hgroup h1 span{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);display:block;margin-inline:auto;translate:0 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:980px){body #main-visual hgroup h1 span{margin-left:0}}body #main-visual hgroup p{font-family:avenir-db,sans-serif;font-size:1.2rem;font-style:normal;font-weight:400;line-height:1.4166666667;margin-top:10px;opacity:0}@media screen and (min-width:980px){body #main-visual hgroup p{font-size:1.5rem}}body #main-visual.show .logo{opacity:1;transition:opacity 1s ease 3s,background-color .5s ease 0s}body #main-visual.show hgroup h1 span{-webkit-clip-path:inset(0);clip-path:inset(0);transition:1s ease 4s;translate:0 0}body #main-visual.show hgroup h1 span:nth-child(2){transition-delay:4.5s}body #main-visual.show hgroup p{opacity:1;transition:1s ease 5s}body #header{display:flex;justify-content:space-between;margin-top:40px;padding-inline:40px;position:fixed;right:0;top:0;width:100%;z-index:1000}body #header .logo{background-color:#fff;-webkit-mask-image:url(../img/osoi_2025autumn/title.png);mask-image:url(../img/osoi_2025autumn/title.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:.3s ease;width:125.5px}body #header .logo img{opacity:0}body #header h2{font-family:avenir-db,sans-serif;font-size:1.4rem;font-style:normal;font-weight:400;transition:.5s ease;translate:0 -100px}@media screen and (min-width:980px){body:has(#content.on) #header .logo{background-color:#000}}body:has(#content.on) #header h2{translate:0 0}body #content{background-color:#fff;padding-top:1px;position:relative;z-index:2}body #content .ph{opacity:1;position:relative;transition:translate 0s ease;z-index:1}body #content .ph.parallax{-webkit-transform:none;transform:none}body #content .ph .img{opacity:0;overflow:hidden;transition:1s ease}body #content .ph .img img{scale:1.1;transition:1s ease}body #content .ph.show .img{opacity:1}body #content .ph.show .img img{scale:1}body #content .ph.show .text{-webkit-clip-path:isnet(0);clip-path:isnet(0);transition:1s ease 1s}body #content .ph .text-area{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;left:0;margin-top:8px;margin-inline:auto;position:absolute;right:0;top:100%}body #content .ph .text-area .spacer{height:3px;width:100%}body #content .ph .text-area .text{-webkit-clip-path:isnet(0 100% 0 0);clip-path:isnet(0 100% 0 0);font-family:avenir,sans-serif;font-size:1.2rem;font-style:normal;font-weight:400;line-height:1.3;margin-inline:auto;margin-inline:10px;text-align:center;text-decoration:underline;transition:1s ease 0s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}body #content .ph .text-area .text:hover{text-decoration:none}body #content .ph.ph1{margin-top:10.6666666667%;width:80%;z-index:5}@media screen and (min-width:980px){body #content .ph.ph1{margin-top:6.9546120059%;width:48.5358711567%}}body #content .ph.ph2{margin-left:auto;margin-top:17.3333333333%;width:68.8%;z-index:4}@media screen and (min-width:980px){body #content .ph.ph2{margin-top:-32.5036603221%;width:35.8711566618%}}body #content .ph.ph3{margin-left:5.3333333333%;margin-top:22.5333333333%;width:46.5333333333%;z-index:3}@media screen and (min-width:980px){body #content .ph.ph3{margin-left:2.9282576867%;margin-top:-6.7715959004%;width:28.6603221083%}}body #content .ph.ph4{margin-left:0;margin-top:25.3333333333%;width:100%}@media screen and (min-width:980px){body #content .ph.ph4{margin-left:43.3382137628%;margin-top:-19.8023426061%;width:43.9238653001%}}body #content .ph.ph5{margin-top:27.8666666667%;margin-inline:auto;width:89.3333333333%}@media screen and (min-width:980px){body #content .ph.ph5{margin-left:0;margin-top:11.0541727672%;width:48.4626647145%}}body #content .ph.ph6{margin-top:11.4666666667%;margin-inline:auto;width:89.3333333333%}@media screen and (max-width:980px){body #content .ph.ph6{translate:0 0!important}}@media screen and (min-width:980px){body #content .ph.ph6{margin-left:auto;margin-right:0;margin-top:-55.3806734993%;width:48.5358711567%}}body #content .ph.ph7{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:29.3333333333%}@media screen and (min-width:980px){body #content .ph.ph7{margin-left:6.2225475842%;margin-top:17.4597364568%;width:61.4934114202%}}body #content .ph.ph7 .img{opacity:1;width:47.6%}@media screen and (min-width:980px){body #content .ph.ph7 .img{width:47.619047619%}}body #content .ph.ph7 .img:first-child{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}body #content .ph.ph7 .img:nth-child(2){-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}body #content .ph.ph7.show .img{-webkit-clip-path:inset(0);clip-path:inset(0)}body #content .ph.ph9{margin-left:auto;margin-top:29.3333333333%;width:86.6666666667%}@media screen and (min-width:980px){body #content .ph.ph9{margin-top:15.3001464129%;width:43.9238653001%}}body #content .ph.ph10{margin-left:0;margin-top:18.6666666667%;width:53.3333333333%}@media screen and (min-width:980px){body #content .ph.ph10{margin-left:0;margin-top:-29.2825768668%;width:37.1522693997%}}body #content .ph.ph13{margin-top:32%;width:100%}@media screen and (min-width:980px){body #content .ph.ph13{margin-left:auto;margin-top:11.6764275256%;width:50%}}body #content .ph.ph14{margin-inline:auto;margin-top:21.0666666667%;width:76%}@media screen and (min-width:980px){body #content .ph.ph14{margin-left:9.6998535871%;margin-top:-26.9399707174%;width:30.7467057101%}}body #content .ph11-wrapper{height:calc(var(--height) + 105.06667vw);margin-top:32%;position:relative}@media screen and (min-width:980px){body #content .ph11-wrapper{height:165.6295754026vw;margin-top:11.6764275256%}}body #content .ph11-wrapper .ph{bottom:0;height:100%;left:0;position:absolute}body #content .ph11-wrapper .ph .img{left:0;margin-inline:auto;opacity:1;position:-webkit-sticky;position:sticky;right:0;top:calc(50% - 52.53333vw);transition:1s ease;width:81.3333333333%}@media screen and (min-width:980px){body #content .ph11-wrapper .ph .img{top:calc(50% - 33.12592vw);width:51.2445095168%}}body #content .ph11-wrapper .ph .img.show{opacity:1}body #content .ph11-wrapper .ph.ph12{height:calc(100% - var(--height))}@media screen and (min-width:980px){body #content .ph11-wrapper .ph.ph12{height:66.2518301611vw}}body #content .ph11-wrapper .ph.ph12 .img{transition:.4s ease;translate:8.5245901639% -3.8461538462%}body #content .ph11-wrapper .ph.ph12 .img.on{rotate:3deg;transition:.4s ease .5s}body #outro{margin-top:35.7333333333%;padding-bottom:25px}@media screen and (min-width:980px){body #outro{margin-top:268.5px;padding-right:40px;position:relative}}body #outro .about{margin-inline:auto;width:88.8%}@media screen and (min-width:980px){body #outro .about{left:0;margin-left:40px;position:absolute;top:0;width:622.5px}}body #outro .about h3{font-family:avenir-db,sans-serif;font-style:normal;font-weight:400}body #outro .about p{font-size:1rem;line-height:1.75;margin-top:1em}body #outro .links{align-items:center;display:flex;font-family:avenir,sans-serif;font-size:1.4rem;font-style:normal;font-weight:400;justify-content:center;margin-top:100px}@media screen and (min-width:980px){body #outro .links{display:block}}body #outro .links a{margin-inline:10px}@media screen and (min-width:980px){body #outro .links a{display:block;margin-bottom:10px;margin-left:auto;margin-right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}body #outro .links a:hover{text-decoration:underline}}body #outro .share{margin-top:35px}@media screen and (min-width:980px){body #outro .share{margin-top:30px}}body #outro .share ul{align-items:center;display:flex;justify-content:center}@media screen and (min-width:980px){body #outro .share ul{justify-content:flex-end}}body #outro .share ul li{margin-inline:10px}@media screen and (min-width:980px){body #outro .share ul li:last-child{margin-right:0}}body #outro .share ul li a{display:block}body #outro .share ul li a:hover{opacity:.7}body #outro .share ul li .share-line{width:21.5px}body #outro .share ul li .share-x{width:19px}body #outro .share ul li .share-facebook{width:20.5px}body #outro .copy{font-family:avenir,sans-serif;font-size:1rem;font-style:normal;font-weight:400;margin-top:37px;text-align:center}@media screen and (min-width:980px){body #outro .copy{text-align:right}}