:root{--mainColor: #d71718;--textColor: #222}*:where(:not(iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}button{cursor:pointer}ol,ul,menu{list-style:none}img{width:100%;max-width:100%;height:100%;vertical-align:bottom;object-fit:cover}table{border-collapse:collapse}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space}:where([draggable=true]){-webkit-user-drag:element}_::-webkit-full-page-media,_:future,:root .nutrition_list{margin-top:-1rem}_::-webkit-full-page-media,_:future,:root .nutrition_listInner{margin-top:1rem;margin-bottom:0}@font-face{font-family:"Inter Tight","Local Noto Sans JP";src:local("Noto Sans JP")}@font-face{font-family:"LINE Seed JP";font-style:normal;font-weight:100;src:url("../fonts/LINESeedJP_OTF_Th.woff2") format("woff2")}@font-face{font-family:"LINE Seed JP";font-style:normal;font-weight:400;src:url("../fonts/LINESeedJP_OTF_Rg.woff2") format("woff2")}@font-face{font-family:"LINE Seed JP";font-style:normal;font-weight:700;src:url("../fonts/LINESeedJP_OTF_Bd.woff2") format("woff2")}@font-face{font-family:"LINE Seed JP";font-style:normal;font-weight:900;src:url("../fonts/LINESeedJP_OTF_Eb.woff2") format("woff2")}:where(html,body){font-family:"Nunito Sans","Zen Kaku Gothic Antique",sans-serif;font-size:max(.94vw,15px);color:var(--textColor);font-weight:400;font-feature-settings:"palt" 1}*{position:relative}picture{display:block;overflow:hidden}picture img{width:100%;height:100%;object-fit:cover}svg{display:block}.c-hdAnimation{animation:noiseEffect 1s steps(5) infinite}@keyframes noiseEffect{0%{filter:url("#noise-filter-0")}20%{filter:url("#noise-filter-1")}40%{filter:url("#noise-filter-2")}60%{filter:url("#noise-filter-3")}80%{filter:url("#noise-filter-4")}100%{filter:url("#noise-filter-0")}}.pageContainer{display:grid;grid-template-columns:15% minmax(0, 1fr);background:#fff;border-radius:0 0 1rem 1rem;z-index:1}@media screen and (max-width: 1024px){.pageContainer{grid-template-columns:minmax(0, 1fr)}}.pageHeader{display:grid;grid-template-columns:minmax(0, 1fr);row-gap:5rem;padding:2rem;justify-items:center;align-items:center;align-content:center;height:100vh;position:sticky;top:0}@media screen and (max-width: 1024px){.pageHeader{justify-items:left;position:relative;height:auto;padding:1.2rem 5vw}}.pageHeader h1{width:50%}.pageHeader h1 a{display:grid}@media screen and (max-width: 1024px){.pageHeader h1{width:35vw}}@media screen and (max-width: 721px){.pageHeader h1{width:55vw}}.pageHeader nav ul{display:grid;grid-template-columns:minmax(0, 1fr);row-gap:.8rem;font-size:.9rem;font-weight:700}.pageHeader nav ul a{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:center;gap:.4em;transition:color .3s ease-out}.pageHeader nav ul a:before{content:"";font-family:"Font Awesome 7 Pro";color:var(--mainColor);background-image:url(../../images/sumisapo/circle_solid.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;width:1.2rem;aspect-ratio:1/1;display:grid;place-items:center;font-size:.5rem;border-radius:50%;transition:color .3s ease-out,background .3s ease-out}@media(hover: hover){.pageHeader nav ul a:hover{color:var(--mainColor);animation:noiseEffect 1s steps(5) infinite}.pageHeader nav ul a:hover:before{color:#fff;background:var(--textColor)}}.pageHeader nav ul a:focus-visible{color:var(--mainColor);animation:noiseEffect 1s steps(5) infinite}.pageHeader nav ul a:focus-visible:before{color:#fff;background:var(--textColor)}@media screen and (max-width: 1024px){.pageHeader nav{display:none}}.pageHeaderCta{position:absolute;top:3rem;right:3rem;z-index:calc(infinity);display:grid;grid-template-columns:auto auto;align-items:center;column-gap:1rem;background:hsla(0,0%,100%,.5);backdrop-filter:blur(1rem);border:1px solid #fff;padding:.8rem;padding-left:1rem;border-radius:1rem}.pageHeaderCta .tel{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:end;gap:.5em;font-size:.9rem;font-weight:800;color:#fff}.pageHeaderCta .tel:before{content:"";font-family:"Font Awesome 7 Pro";font-size:.6rem;font-weight:600;display:grid;place-items:center;width:1.3rem;aspect-ratio:1/1;border-radius:50%;background:var(--mainColor);color:#fff}.pageHeaderCta .c-btn{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:.5em;background:var(--textColor);border-radius:.5rem;color:#fff;padding:.5em 1em;font-size:.9rem;font-weight:600;transition:background .3s ease-out}.pageHeaderCta .c-btn:after{content:"";font-family:"Font Awesome 7 Pro"}@media(hover: hover){.pageHeaderCta .c-btn:hover{background:var(--mainColor);animation:noiseEffect 1s steps(5) infinite}}.pageHeaderCta .c-btn:focus-visible{background:var(--mainColor);animation:noiseEffect 1s steps(5) infinite}@media screen and (max-width: 1024px){.pageHeaderCta{display:none}}.hamburgerMenu{display:none}@media screen and (max-width: 1024px){.hamburgerMenu{display:block}}.pageFooter{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));height:100vh;padding:3vw;color:#fff;align-items:end;justify-items:center}.pageFooter:before{content:"";position:absolute;bottom:0;left:0;background:rgba(34,34,34,.6);width:100%;height:calc(100% + 1rem)}@media screen and (max-width: 1024px){.pageFooter{grid-template-columns:minmax(0, 1fr);gap:2rem;height:100%;padding:15vw;padding-top:12rem}.pageFooter>small{order:2}}@media screen and (max-width: 721px){.pageFooter{padding:7vw}}.footerMovie{position:fixed;inset:0;z-index:-1}@media screen and (max-width: 1024px){.footerMovie{inset:unset;bottom:0;left:50%;translate:-50% 0}}.footerCta{display:flex;flex-direction:row-reverse;align-items:flex-start;position:absolute;top:45%;left:50%;height:30rem}@media screen and (max-width: 1024px){.footerCta{flex-direction:column;gap:2rem;align-items:center;position:relative;top:auto;left:auto;height:auto}}.footerCta img{width:7vw;height:auto;object-fit:contain;margin-left:3vw;animation:noiseEffect 1s steps(5) infinite}@media screen and (max-width: 1024px){.footerCta img{width:12rem;margin-inline:auto}}.footerCta header{margin-top:6rem;margin-left:3vw;display:grid;gap:.5rem;writing-mode:vertical-rl;text-align:justify}.footerCta header h3{font-size:2rem;font-weight:900}.footerCta header p{font-size:1.1rem;font-weight:600;line-height:2}@media screen and (max-width: 1024px){.footerCta header{writing-mode:horizontal-tb;margin-top:.5rem;margin-left:unset;gap:1rem}.footerCta header h3{font-size:1.5rem;text-align:center;text-wrap:balance}.footerCta header p{font-size:1rem;line-height:1.8}}.footerCta .btnArea{writing-mode:vertical-rl;text-orientation:upright;display:flex;flex-direction:column;gap:.5rem;margin-top:auto}@media screen and (max-width: 1024px){.footerCta .btnArea{writing-mode:horizontal-tb;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}}.footerCta .btnArea a{display:flex;gap:.5rem;align-items:center;font-weight:900;padding:1rem;border:3px solid hsla(0,0%,100%,.2);border-radius:.5rem;transition:background .3s ease-out}@media screen and (max-width: 1024px){.footerCta .btnArea a{gap:3vw;font-size:.8rem;padding:.8rem}}.footerCta .btnArea a:before{font-family:"Font Awesome 7 Pro";font-weight:600;line-height:1;padding-left:.1lh}@media screen and (max-width: 1024px){.footerCta .btnArea a:before{font-size:1rem}}.footerCta .btnArea a.mail:before{content:""}.footerCta .btnArea a.tell:before{content:""}@media(hover: hover){.footerCta .btnArea a:hover{background:var(--mainColor);animation:noiseEffect 1s steps(5) infinite}}.footerCta .btnArea a:focus-visible{background:var(--mainColor);animation:noiseEffect 1s steps(5) infinite}.footerAdress{margin-right:auto}@media screen and (max-width: 1024px){.footerAdress{order:1;margin-right:unset}}.footerAdress dl{display:grid;grid-template-columns:4em minmax(0, 1fr);gap:.5rem 0;font-size:.9rem;font-weight:600;margin-bottom:2rem}.footerAdress dl dt{font-weight:900}.footerAdress .corporateCta{display:grid;grid-template-columns:8vw 13vw;background:hsla(0,0%,100%,.8);backdrop-filter:blur(1rem);outline:0px solid rgba(0,0,0,0);border-radius:1rem;overflow:hidden;transition:outline .3s ease-out,background .3s ease-out}@media screen and (max-width: 1024px){.footerAdress .corporateCta{grid-template-columns:30vw minmax(0, 1fr)}}.footerAdress .corporateCta:before{content:"";font-family:"Font Awesome 7 Pro";position:absolute;right:.5rem;bottom:.5rem;color:var(--mainColor);font-size:1rem;font-weight:900;border-radius:50%;transition:color .3s ease-out}.footerAdress .corporateCta img:last-child{padding:2rem;padding-right:2.5rem;object-fit:contain;transition:filter .3s ease-out}@media(hover: hover){.footerAdress .corporateCta:hover{outline:5px solid var(--mainColor);background:var(--mainColor)}.footerAdress .corporateCta:hover:before{color:#fff}.footerAdress .corporateCta:hover img:last-child{filter:grayscale(1) brightness(10)}}.footerAdress .corporateCta:focus-visible{outline:5px solid var(--mainColor);background:var(--mainColor)}.footerAdress .corporateCta:focus-visible:before{color:#fff}.footerAdress .corporateCta:focus-visible img:last-child{filter:grayscale(1) brightness(10)}.footerNav{order:1;margin-left:auto}@media screen and (max-width: 1024px){.footerNav{order:unset;margin:4rem 0 3rem}}.footerNav ul{writing-mode:vertical-rl;display:grid;grid-template-columns:minmax(0, 1fr);gap:1rem}.footerNav ul li a{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:start;gap:.4em;font-size:1.1rem;font-weight:600;transition:color .3s ease-out}.footerNav ul li a:before{content:"";font-family:"Font Awesome 7 Pro";color:#fff;background-image:url(../../images/sumisapo/circle_solid_white.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;width:1.3rem;aspect-ratio:1/1;display:grid;place-items:center;font-size:.4rem;border-radius:50%;transition:color .3s ease-out,background .3s ease-out}@media(hover: hover){.footerNav ul li a:hover{color:hsla(0,0%,100%,.5);animation:noiseEffect 1s steps(5) infinite}.footerNav ul li a:hover:before{color:var(--mainColor);background:#fff}}.footerNav ul li a:focus-visible{color:hsla(0,0%,100%,.5);animation:noiseEffect 1s steps(5) infinite}.footerNav ul li a:focus-visible:before{color:var(--mainColor);background:#fff}.floating{position:fixed;bottom:1rem;right:0;z-index:calc(infinity);transform:translateX(5rem);transition:transform .3s ease-out}.floating.active{transform:unset}@media screen and (max-width: 1024px){.floating{bottom:auto;top:1.3rem;right:3vw;transform:unset}}@media screen and (max-width: 721px){.floating{top:1.5rem}}.floating button{writing-mode:vertical-rl;word-break:keep-all;display:flex;flex-direction:row;align-items:center;gap:.5rem;width:4rem;background:var(--mainColor);color:#fff;font-size:1rem;font-weight:900;padding:1rem .8rem;border-radius:.5rem 0 0 .5rem;outline:5px solid hsla(0,0%,100%,.3);border-right:unset;transition:outline-color .3s ease-out,background .3s ease-out,color .3s ease-out,opacity .3s ease-out,visibility .3s ease-out}@media screen and (max-width: 1024px){.floating button{writing-mode:horizontal-tb;width:fit-content;padding:1rem 1.5rem;border-radius:.5rem}}@media screen and (max-width: 721px){.floating button{padding:.5rem 1rem}}.floating button img{width:2rem;aspect-ratio:1/1;border-radius:50%;border:3px solid #fff;transition:border-color .3s ease-out,background .3s ease-out}@media screen and (max-width: 1024px){.floating button img{width:1.8rem}}@media(hover: hover){.floating button:hover{outline-color:var(--mainColor);background:#fff;color:var(--mainColor)}.floating button:hover img{border-color:var(--mainColor);background:var(--mainColor)}}.floating button:focus-visible{outline-color:var(--mainColor);background:#fff;color:var(--mainColor)}.floating button:focus-visible img{border-color:var(--mainColor);background:var(--mainColor)}.floating:has(dialog[open]) button[data-modal-open=contact]{opacity:0;visibility:hidden}@media screen and (max-width: 1024px){.floating:has(dialog[open]) button[data-modal-open=contact]{opacity:1;visibility:visible}}.floating .floatingContainer{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1vw;place-content:center;width:60vw;background:var(--mainColor);padding:3rem 3vw;border-radius:1rem}@media screen and (max-width: 1024px){.floating .floatingContainer{width:calc(100% - 5vw)}}@media screen and (max-width: 721px){.floating .floatingContainer{grid-template-columns:minmax(0, 1fr);gap:1rem;place-content:start;max-height:97vh;padding:3rem 5vw;overflow:auto}}.floating .floatingContainer .floatingBlock{display:grid;grid-template-columns:minmax(0, 1fr);gap:1rem;background:#fff;padding:2rem 2vw;border-radius:.5rem}@media screen and (max-width: 1024px){.floating .floatingContainer .floatingBlock{padding:2rem 5vw}}.floating .floatingContainer .floatingBlock header{display:grid;grid-template-columns:minmax(0, 1fr);gap:.5rem;justify-items:center}.floating .floatingContainer .floatingBlock header i{font-size:3rem;color:var(--mainColor)}.floating .floatingContainer .floatingBlock header em{font-weight:600}@media screen and (max-width: 1024px){.floating .floatingContainer .floatingBlock header i{font-size:2rem}}.floating .floatingContainer .floatingBlock a{display:grid;place-items:center;font-size:1.5rem;font-weight:900;height:5rem;background:var(--textColor);color:#fff;border-radius:.5rem;transition:background .3s ease-out}.floating .floatingContainer .floatingBlock a.form{font-size:1.2rem}@media(hover: hover){.floating .floatingContainer .floatingBlock a:hover{background:var(--mainColor)}}.floating .floatingContainer .floatingBlock a:focus-visible{background:var(--mainColor)}@media screen and (max-width: 1024px){.floating .floatingContainer .floatingBlock a{height:4rem;font-size:1.2rem}.floating .floatingContainer .floatingBlock a.form{font-size:1rem}}.floating .floatingContainer .floatingBlock .note{display:grid;grid-template-columns:minmax(0, 1fr);gap:.5rem;place-content:start;font-size:.9rem;font-weight:500;opacity:.7}.floating button[aria-labelledby=contactClose]{position:absolute;bottom:3rem;right:0}@media screen and (max-width: 1024px){.floating button[aria-labelledby=contactClose]{top:0;right:0;height:fit-content;padding:.5rem .5rem .8rem 1rem;border-radius:0 0 0 .5rem}}dialog{position:fixed;display:grid;place-content:center;place-items:center;width:100%;height:100%;user-select:text;-webkit-user-select:text;opacity:0;transform:scale(0.9);transition:opacity .3s ease,transform .3s ease,display .3s allow-discrete,overlay .3s allow-discrete;transform:translateX(500px)}dialog::backdrop{background-color:rgba(0,0,0,0);transition:background-color .3s ease,display .3s allow-discrete,overlay .3s allow-discrete}@starting-style{dialog[open]{opacity:0;transform:scale(0.9)}dialog[open]::backdrop{background-color:rgba(0,0,0,0)}}dialog[open]{opacity:1;transform:scale(1)}dialog[open]::backdrop{background-color:rgba(0,0,0,.5)}.index{overflow:clip}.keyContainer{display:grid;grid-template-columns:minmax(0, 1fr);place-content:start;gap:1vw;margin-top:2rem;margin-right:2rem;width:calc(100% - 2rem);height:auto}@media screen and (max-width: 1024px){.keyContainer{margin:0 2vw;width:calc(100% - 4vw)}}.keyContainer .mainWrapper{aspect-ratio:16/9;width:100%;height:fit-content;border-radius:1rem;overflow:clip}.keyContainer .mainWrapper video{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 1024px){.keyContainer .mainWrapper{aspect-ratio:1/1}}@media screen and (max-width: 721px){.keyContainer .mainWrapper{aspect-ratio:2/3}}.keyContainer .keyContainer__title{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:3vw 9vw 3vw;place-content:center;column-gap:4vw;background:rgba(0,0,0,.5)}.keyContainer .keyContainer__title img{height:auto}.keyContainer .keyContainer__title img:nth-child(1){order:1}.keyContainer .keyContainer__title img:nth-child(2){order:1;margin-top:-2rem}.keyContainer .keyContainer__title img:nth-child(3){margin-top:auto;margin-bottom:-4rem}@media screen and (max-width: 1024px){.keyContainer .keyContainer__title{grid-template-columns:4vw 13vw 4vw;gap:7vw;padding-bottom:5rem}}@media screen and (max-width: 721px){.keyContainer .keyContainer__title{grid-template-columns:1.8rem 5rem 1.8rem}}.keyContainer .keyContainer__cta{position:absolute;bottom:2rem;left:3vw}@media screen and (max-width: 721px){.keyContainer .keyContainer__cta{bottom:1.5rem;left:5vw}}.keyContainer .keyContainer__cta .keyCta{display:grid;justify-items:center;row-gap:1rem}@media screen and (max-width: 721px){.keyContainer .keyContainer__cta .keyCta{grid-template-columns:auto auto;gap:1rem}}.keyContainer .keyContainer__cta .keyCta>div{display:grid;padding:1rem;margin-bottom:1rem}@media screen and (max-width: 721px){.keyContainer .keyContainer__cta .keyCta>div{order:1;padding:.8rem;margin-bottom:unset}}.keyContainer .keyContainer__cta .keyCta>div p{display:grid;grid-template-columns:auto auto;align-items:center;gap:1rem;z-index:1;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-weight:900;transition:color .1s ease-out}@media screen and (max-width: 721px){.keyContainer .keyContainer__cta .keyCta>div p{writing-mode:horizontal-tb;font-size:.8rem}}.keyContainer .keyContainer__cta .keyCta>div p:after{content:"";font-family:"Font Awesome 7 Pro";color:var(--mainColor);background-image:url(../../images/sumisapo/circle_solid.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;width:1.2rem;aspect-ratio:1/1;display:grid;place-items:center;font-size:.5rem;border-radius:50%;transition:background .3s ease-out}.keyContainer .keyContainer__cta .keyCta>div p{color:#fff}.keyContainer .keyContainer__cta .keyCta>div p:after{background-image:url(../../images/sumisapo/circle_fill.svg);color:#fff}.keyContainer .keyContainer__cta .keyCta>div .fukidashi{position:absolute;inset:0;width:100%;height:100%;background:var(--mainColor);border-radius:.5rem;border:5px solid rgba(0,0,0,0);transition:background .3s ease-out,border .3s ease-out}.keyContainer .keyContainer__cta .keyCta>div .fukidashi:before{content:"";display:block;width:0;height:0;border-style:solid;border-right:.5rem solid rgba(0,0,0,0);border-left:.5rem solid rgba(0,0,0,0);border-top:.8rem solid var(--mainColor);border-bottom:0;position:absolute;bottom:-0.8rem;left:50%;translate:-50% 0}@media screen and (max-width: 721px){.keyContainer .keyContainer__cta .keyCta>div .fukidashi:before{rotate:90deg;top:50%;left:-1rem;translate:0 -50%}}.keyContainer .keyContainer__cta .keyCta img{width:6.5vw;object-fit:contain}@media screen and (max-width: 721px){.keyContainer .keyContainer__cta .keyCta img{width:3rem}}@media(hover: hover){.keyContainer .keyContainer__cta .keyCta:hover>div p{color:var(--mainColor)}.keyContainer .keyContainer__cta .keyCta:hover>div p:after{background:var(--mainColor)}.keyContainer .keyContainer__cta .keyCta:hover>div .fukidashi{background:#fff;border:5px solid var(--mainColor)}}.keyContainer .keyContainer__cta .keyCta:focus-visible>div p{color:var(--mainColor)}.keyContainer .keyContainer__cta .keyCta:focus-visible>div p:after{background:var(--mainColor)}.keyContainer .keyContainer__cta .keyCta:focus-visible>div .fukidashi{background:#fff;border:5px solid var(--mainColor)}.keyContainer .subWrapper{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:1vw;counter-reset:item-numbers}.keyContainer .subWrapper li{aspect-ratio:1/1;width:100%;height:100%;border-radius:1rem;overflow:clip}@media screen and (max-width: 1024px){.keyContainer .subWrapper li{aspect-ratio:unset;border-radius:.5rem}}.keyContainer .subWrapper li header{position:absolute;inset:0;display:grid;z-index:1;align-content:space-between;background:rgba(0,0,0,.3);padding:1rem;color:#fff}@media screen and (max-width: 1024px){.keyContainer .subWrapper li header{position:relative;inset:unset}}.keyContainer .subWrapper li h2{display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:.5rem;align-items:center;font-size:1.2rem;font-weight:600}@media screen and (max-width: 1024px){.keyContainer .subWrapper li h2{writing-mode:vertical-rl;font-size:1rem;font-weight:900}}.keyContainer .subWrapper li h2:before{counter-increment:item-numbers;content:counter(item-numbers, decimal-leading-zero);mask-position:center center;mask-repeat:no-repeat;mask-size:contain;mask-image:url(../../images/sumisapo/circle_fill.svg);background:var(--mainColor);display:grid;place-items:center;width:2rem;height:2rem;font-size:.8rem;font-weight:800}@media screen and (max-width: 1024px){.keyContainer .subWrapper li h2:before{text-combine-upright:all}}.keyContainer .subWrapper li picture{width:100%;height:100%}@media screen and (max-width: 1024px){.keyContainer .subWrapper li picture{position:absolute;inset:0}}.keyContainer .subWrapper li p{font-weight:500}@media screen and (max-width: 1024px){.keyContainer .subWrapper li p{display:none}}.topAbout{margin-top:5rem}@media screen and (max-width: 1024px){.topAbout{margin-top:unset}}@media screen and (max-width: 721px){.topAbout{margin-top:5rem}}.topAboutContainer{display:grid;align-items:center;height:100vh}@media screen and (max-width: 721px){.topAboutContainer{height:100%}}.topAboutWrapper{display:flex;flex-direction:row-reverse;gap:5vw;justify-content:space-between;align-items:flex-end;padding-inline:11vw 10vw;margin-bottom:-10vh}@media screen and (max-width: 1024px){.topAboutWrapper{flex-direction:column;align-items:center;padding:3rem 10vw;margin-bottom:unset}}@media screen and (max-width: 721px){.topAboutWrapper{gap:2rem;padding:0 5vw 3rem}}.topAboutWrapper strong{writing-mode:vertical-rl;font-size:2rem;font-weight:900;line-height:1.7;margin-bottom:35vh}@media screen and (max-width: 1024px){.topAboutWrapper strong{writing-mode:horizontal-tb;font-size:1.5rem;text-align:center;margin-bottom:2rem}}@media screen and (max-width: 721px){.topAboutWrapper strong{font-size:1.2rem}}.topAboutWrapper p{writing-mode:vertical-rl;font-size:1.2rem;font-weight:600;line-height:2}@media screen and (max-width: 1024px){.topAboutWrapper p{writing-mode:horizontal-tb;font-size:1rem;text-align:center;line-height:1.8}}.topAboutIntroWrapper{display:grid;width:35vw;padding-top:26vh;position:absolute;bottom:0;left:50%;translate:-50% 0;z-index:-1}@media screen and (max-width: 1024px){.topAboutIntroWrapper{width:100%;padding-top:unset;position:relative;bottom:auto;left:auto;translate:unset}}.topAboutIntroWrapper ul{position:absolute;inset:0}@media screen and (max-width: 1024px){.topAboutIntroWrapper ul{position:relative;height:20rem}}@media screen and (max-width: 721px){.topAboutIntroWrapper ul{height:40rem}}.topAboutIntroWrapper ul li{opacity:0;transform:translateY(1rem);transition:opacity .6s ease-out,transform .4s ease-out}.topAboutIntroWrapper ul.show li{opacity:1;transform:translateY(0)}.topAboutIntroWrapper ul.show li:nth-child(1){transition-delay:0.2s}.topAboutIntroWrapper ul.show li:nth-child(2){transition-delay:0.4s}.topAboutIntroWrapper ul.show li:nth-child(3){transition-delay:0.6s}.topAboutIntroWrapper ul.show li:nth-child(4){transition-delay:0.8s}.topAboutIntroWrapper ul.show li:nth-child(5){transition-delay:1s}.topAboutIntroWrapper ul li{font-size:.9rem;font-weight:600;line-height:1.5;text-align:center;position:absolute;padding:1.5em;color:hsl(40,10%,25%)}.topAboutIntroWrapper ul li:before{content:"";position:absolute;inset:0;background:#f7f3eb;border-radius:.5rem;outline:8px solid #fff;z-index:-1;animation:noiseEffect 1s steps(5) infinite}.topAboutIntroWrapper ul li:after{content:"";width:0;height:0;border-style:solid;border-width:.8rem .5rem 0 .5rem;border-color:#f7f3eb rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);position:absolute;bottom:-0.7rem;left:50%;translate:-50% 0;animation:noiseEffect 1s steps(5) infinite}.topAboutIntroWrapper ul li:nth-child(1){top:-2%;left:26%;font-size:1.1rem;z-index:1}@media screen and (max-width: 1024px){.topAboutIntroWrapper ul li:nth-child(1){top:1%;left:0%}}@media screen and (max-width: 721px){.topAboutIntroWrapper ul li:nth-child(1){top:-4%;left:10%}}.topAboutIntroWrapper ul li:nth-child(2){top:-17%;left:-4%;font-size:1.2rem}@media screen and (max-width: 1024px){.topAboutIntroWrapper ul li:nth-child(2){top:50%;left:5%}}@media screen and (max-width: 721px){.topAboutIntroWrapper ul li:nth-child(2){top:32%;left:-8%}}.topAboutIntroWrapper ul li:nth-child(3){top:7%;right:-9%}@media screen and (max-width: 1024px){.topAboutIntroWrapper ul li:nth-child(3){top:52%;right:11%}}@media screen and (max-width: 721px){.topAboutIntroWrapper ul li:nth-child(3){top:42%;right:0%}}.topAboutIntroWrapper ul li:nth-child(4){top:-14%;right:-1%;font-size:1rem}@media screen and (max-width: 1024px){.topAboutIntroWrapper ul li:nth-child(4){top:-10%;right:20%}}@media screen and (max-width: 721px){.topAboutIntroWrapper ul li:nth-child(4){top:18%;right:-3%}}.topAboutIntroWrapper ul li:nth-child(5){top:21%;left:20%}@media screen and (max-width: 1024px){.topAboutIntroWrapper ul li:nth-child(5){top:65%;left:44%}}@media screen and (max-width: 721px){.topAboutIntroWrapper ul li:nth-child(5){top:80%;left:4%}}.topAboutIntroWrapper ul li:nth-child(6){top:13%;right:18%;font-size:1rem}@media screen and (max-width: 1024px){.topAboutIntroWrapper ul li:nth-child(6){top:13%;right:-5%}}@media screen and (max-width: 721px){.topAboutIntroWrapper ul li:nth-child(6){top:71%;right:0%}}.topAboutIntroWrapper ul li:nth-child(7){top:10%;left:-15%;font-size:1rem}@media screen and (max-width: 1024px){.topAboutIntroWrapper ul li:nth-child(7){top:26%;left:33%}}@media screen and (max-width: 721px){.topAboutIntroWrapper ul li:nth-child(7){top:57%;left:11%}}@media screen and (max-width: 1024px){.topAboutIntroWrapper img{width:70%;margin-inline:auto}}@media screen and (max-width: 721px){.topAboutIntroWrapper img{width:100%}}.topAboutSolution{clip-path:circle(var(--clip, 0%) at 50% 50%);position:absolute;top:0px;left:0px;display:grid;grid-template-columns:minmax(0px, 1fr);align-items:center;width:100%;height:100vh;color:#fff;overflow:clip}@media screen and (max-width: 721px){.topAboutSolution{top:auto;bottom:0}}.topAboutSolution:before{content:"";width:100%;height:100%;background:var(--mainColor);position:absolute;inset:0}.topAboutSolution .topAboutSolutiionTitle{display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;width:fit-content;margin-inline:auto}@media screen and (max-width: 1024px){.topAboutSolution .topAboutSolutiionTitle{gap:2rem}}.topAboutSolution .topAboutSolutiionTitle>span{margin-inline:auto;font-size:5rem;font-weight:900;word-break:keep-all;position:absolute;top:50%;left:50%;translate:-50% -50%;transition:opacity .3s ease-out,visibility .3s ease-out}@media screen and (max-width: 1024px){.topAboutSolution .topAboutSolutiionTitle>span{writing-mode:vertical-rl;font-size:3rem;padding-right:.1lh}}.topAboutSolution .topAboutSolutiionTitle em{font-size:5rem;font-weight:900;text-align:center;line-height:1.5}@media screen and (max-width: 1024px){.topAboutSolution .topAboutSolutiionTitle em{writing-mode:vertical-rl;font-size:3rem;line-height:2.3;margin-bottom:3rem;padding-right:.1lh}}.topAboutSolution .topAboutSolutiionTitle em span{font-size:12rem;line-height:1;padding-top:1rem;display:inline-block}@media screen and (max-width: 1024px){.topAboutSolution .topAboutSolutiionTitle em span{font-size:7rem;padding-top:unset;padding-bottom:.5rem;transform:translateX(-0.5rem)}}.topAboutSolution .topAboutSolutiionTitle em:before{content:"SUMISAPO";font-size:10vw;display:block;position:absolute;top:50%;left:0;translate:-50% -50%;white-space:nowrap;opacity:.1;width:max-content;white-space:nowrap;text-shadow:var(--shadow, none);animation:marquee-scroll var(--duration, 10s) linear infinite;will-change:transform}@keyframes marquee-scroll{to{transform:translateX(calc(var(--text-width) * -1px))}}@media screen and (max-width: 1024px){.topAboutSolution .topAboutSolutiionTitle em:before{font-size:5rem;writing-mode:horizontal-tb}}.topAboutSolution .topAboutSolutiionTitle em{opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out}.topAboutSolution .topAboutSolutiionTitle p{display:grid;place-items:center;font-size:1rem;font-weight:900;text-align:center;background:#fff;position:absolute;top:-10%;right:-30%;border-radius:1rem;color:var(--mainColor);padding:1em}@media screen and (max-width: 1024px){.topAboutSolution .topAboutSolutiionTitle p{position:relative;top:auto;right:auto;order:-1}}.topAboutSolution .topAboutSolutiionTitle p:before{content:"";position:absolute;bottom:0;left:20%;border-style:solid;border-width:1rem 1rem 0 .5rem;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0);translate:-50% 100%;transform:skew(-25deg);transform-origin:top}@media screen and (max-width: 1024px){.topAboutSolution .topAboutSolutiionTitle p:before{width:0;height:0;border-width:.8rem .5rem 0 .5rem;border-color:#f7f3eb rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);position:absolute;bottom:-0.7rem;left:50%;translate:-50% 0;transform:unset}}.topAboutSolution .topAboutSolutiionTitle p{opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out}.topAboutSolution.complete .topAboutSolutiionTitle>span{opacity:0;visibility:hidden}.topAboutSolution.complete .topAboutSolutiionTitle em{opacity:1;visibility:visible}.topAboutSolution.complete .topAboutSolutiionTitle p{opacity:1;visibility:visible}.topAboutOutlineContainer{display:grid;grid-template-columns:minmax(0, 1fr);background:var(--mainColor);padding-inline:5vw;padding-bottom:5rem;border-bottom-left-radius:2rem}@media screen and (max-width: 1024px){.topAboutOutlineContainer{padding-inline:10vw;margin-top:-15vh;border-radius:0 0 2rem 2rem}}@media screen and (max-width: 721px){.topAboutOutlineContainer{margin-top:unset;padding-inline:5vw;padding-bottom:3rem;border-radius:0 0 1rem 1rem}}.topAboutOutlineWrapper{display:grid;grid-template-columns:minmax(0, 1fr);gap:2rem;justify-items:center;padding:0 5vw 5rem;background:#fff;border-radius:1rem;border:5px solid var(--textColor)}@media screen and (max-width: 1024px){.topAboutOutlineWrapper{gap:1rem;padding:3rem 5vw 2rem}}.topAboutOutlineWrapper header{margin-top:-3rem;padding:1rem 5rem;background:var(--textColor);border-radius:1rem}.topAboutOutlineWrapper header:before{content:url(../../images/sumisapo/logo_about.svg);position:absolute;top:-4.7vw;left:50%;width:12vw;translate:-50% 0}.topAboutOutlineWrapper header h2{width:20vw}@media screen and (max-width: 1024px){.topAboutOutlineWrapper header{margin-top:-5rem;padding:1rem 3rem}.topAboutOutlineWrapper header:before{top:-2.2rem;width:6rem}.topAboutOutlineWrapper header h2{width:10rem}}.topAboutOutlineWrapper strong{font-size:2rem;font-weight:900}@media screen and (max-width: 1024px){.topAboutOutlineWrapper strong{font-size:1.3rem}.topAboutOutlineWrapper strong br{display:none}}.topAboutOutlineWrapper p{font-weight:600;line-height:1.8;text-align:center}@media screen and (max-width: 1024px){.topAboutOutlineWrapper p{text-align:justify}.topAboutOutlineWrapper p br{display:none}}.topService{display:grid;grid-template-columns:minmax(0, 1fr) 15%;gap:5vw;justify-items:center;margin:8rem 7vw 10rem;background:#fff}@media screen and (max-width: 1024px){.topService{grid-template-columns:minmax(0, 1fr) 25%;gap:3vw;margin-top:10rem}}@media screen and (max-width: 721px){.topService{grid-template-columns:minmax(0, 1fr);gap:5rem;margin:6rem 5vw 8rem}}.topService>header{order:1;position:sticky;top:6rem;width:8vw;height:fit-content}@media screen and (max-width: 1024px){.topService>header{top:10rem}}@media screen and (max-width: 721px){.topService>header{display:grid;justify-items:center;order:unset;position:relative;top:unset;width:auto}.topService>header h2{width:10rem}}.topService .topServiceNav{display:flex;flex-direction:column;gap:.5em;justify-content:center;align-items:center;counter-reset:item-numbers}@media screen and (max-width: 721px){.topService .topServiceNav{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:0 .5rem}}.topService .topServiceNav:before{content:"";width:50%;height:1px;background:rgba(34,34,34,.2);margin-block:3rem}@media screen and (max-width: 721px){.topService .topServiceNav:before{grid-column:span 4;width:30%;margin:1.5rem auto}}.topService .topServiceNav a{display:grid;place-items:center;font-size:.9rem;font-weight:900;width:3em;aspect-ratio:1/1;border:5px solid rgba(34,34,34,.1);border-radius:50%;transition:color .3s ease-out,border-color .3s ease-out}.topService .topServiceNav a:before{counter-increment:item-numbers;content:counter(item-numbers)}.topService .topServiceNav a.current{color:var(--mainColor);border-color:var(--mainColor)}@media(hover: hover){.topService .topServiceNav a:hover{color:var(--mainColor);border-color:var(--mainColor)}}.topService .topServiceNav a:focus-visible{color:var(--mainColor);border-color:var(--mainColor)}.topService .topServiceList{display:grid;grid-template-columns:minmax(0, 1fr);gap:30rem;justify-items:center;counter-reset:item-numbers}@media screen and (max-width: 721px){.topService .topServiceList{gap:25rem}}.topService .topServiceList li{display:grid;grid-template-columns:minmax(0, 1fr);place-items:center;gap:1rem;width:100%;position:sticky;top:0}.topService .topServiceList li .card{display:grid;grid-template-columns:minmax(0, 1fr);width:100%;height:100%;aspect-ratio:4/3;border-radius:1rem;overflow:clip}@media screen and (max-width: 1024px){.topService .topServiceList li .card{aspect-ratio:3/4}}@media screen and (max-width: 721px){.topService .topServiceList li .card{aspect-ratio:9/16}}.topService .topServiceList li .card h3{display:flex;flex-direction:row;gap:1.5rem;align-items:center;writing-mode:vertical-rl;text-orientation:upright;font-size:2rem;font-weight:900;position:absolute;top:0;right:0;margin:2rem;color:#fff;z-index:1}.topService .topServiceList li .card h3:before{counter-increment:item-numbers;content:counter(item-numbers);background:var(--mainColor);color:#fff;width:3rem;aspect-ratio:1/1;display:grid;place-items:center;border-radius:50%;font-size:1rem;font-weight:900;margin-left:3%}@media screen and (max-width: 1024px){.topService .topServiceList li .card h3{flex-direction:column;gap:1rem;writing-mode:horizontal-tb;font-size:1.5rem;text-align:center;width:100%;top:2rem;left:0;margin:unset}.topService .topServiceList li .card h3:before{width:2.5rem;font-size:.8rem;margin-left:unset}}.topService .topServiceList li .card>picture{width:100%;height:100%}.topService .topServiceList li .card .inner{display:grid;grid-template-columns:minmax(0, 1fr);gap:1rem;position:absolute;bottom:0;left:0;padding:5rem 3vw 2rem;color:#fff;background:linear-gradient(0deg, rgb(34, 34, 34) 0%, rgba(34, 34, 34, 0) 100%)}.topService .topServiceList li .card .inner h4{font-size:1.5rem;font-weight:900}.topService .topServiceList li .card .inner p{font-size:1rem;font-weight:500;line-height:1.8;text-align:justify}@media screen and (max-width: 1024px){.topService .topServiceList li .card .inner{padding:5rem 5vw 3rem}.topService .topServiceList li .card .inner h4{font-size:1.2rem}.topService .topServiceList li .card .inner p{font-size:.9rem}}@media screen and (max-width: 721px){.topService .topServiceList li .card .inner{padding:5rem 5vw 1.5rem}}@media screen and (max-width: 1024px){.topService .topServiceList li .card:has(.subServiceWrapper){aspect-ratio:unset;height:100%}.topService .topServiceList li .card:has(.subServiceWrapper)>picture{position:absolute;inset:0}}.topService .subServiceWrapper{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:3vw;place-items:center;position:absolute;inset:0;padding:3vw;background:rgba(34,34,34,.3);backdrop-filter:blur(0.5rem);color:#fff}@media screen and (max-width: 1024px){.topService .subServiceWrapper{grid-template-columns:minmax(0, 1fr);gap:3rem;position:relative;padding:12rem 5vw 3rem}}.topService .subServiceContent{display:grid;grid-template-columns:minmax(0, 1fr);gap:.5rem;place-content:baseline}.topService .subServiceContent picture{width:100%;height:auto;aspect-ratio:4/3;border-radius:1rem;margin-bottom:1rem}.topService .subServiceContent h4{font-size:1.1rem;font-weight:800}.topService .subServiceContent p{font-weight:500;line-height:1.8;text-align:justify}@media screen and (max-width: 1024px){.topService .subServiceContent p{font-size:.9rem;line-height:1.75}}.topCase{display:grid;grid-template-columns:minmax(0, 1fr);gap:5rem;padding:8rem 7vw;background:#f7f3eb;border-radius:1rem 0 0 1rem}.topCase:before{content:"";width:35vw;aspect-ratio:263/150;background-image:url(../../images/sumisapo/case_dec2.svg);background-size:contain;background-repeat:no-repeat;position:absolute;top:-3rem;right:7vw;animation:noiseEffect 1s steps(5) infinite;z-index:1}.topCase h2{width:18vw}@media screen and (max-width: 1024px){.topCase{gap:3rem;padding:8rem 10vw;border-radius:1rem}.topCase:before{width:45vw}.topCase h2{width:10rem}}@media screen and (max-width: 721px){.topCase{padding:6rem 5vw}.topCase:before{width:55vw;right:5vw}}.topCaseWrapper{display:grid;grid-template-columns:minmax(0, 1fr);gap:8rem}@media screen and (max-width: 721px){.topCaseWrapper{gap:6rem}}.topCaseContent{display:grid;grid-template-columns:minmax(0, 1fr);gap:2rem}.splideCase{margin-inline:-7vw}.splideCase .splide__track{padding-inline:7vw !important;cursor:grab}.splideCase .splide__slide{width:40vw;aspect-ratio:3/2;transition:transform .3s ease-out}.splideCase img{border-radius:1rem}@media screen and (max-width: 1024px){.splideCase{margin-inline:-10vw}.splideCase .splide__track{padding-inline:10vw !important}.splideCase .splide__slide{width:50vw}}@media screen and (max-width: 721px){.splideCase{margin-inline:-5vw}.splideCase .splide__track{padding-inline:5vw !important}.splideCase .splide__slide{width:90vw}}.splideNav{display:grid;grid-template-columns:auto auto auto;gap:1rem;place-items:center;position:absolute;bottom:0;right:7vw;padding:1rem;background:#f7f3eb;border-radius:1rem 1rem 0 0}@media screen and (max-width: 1024px){.splideNav{right:10vw}}@media screen and (max-width: 721px){.splideNav{gap:.5rem;right:5vw;padding:.5rem}}.splideNav .splide__arrows{display:contents}.splideNav .splide__arrows .splide__arrow{display:grid;place-items:center;width:2rem;aspect-ratio:1/1;border-radius:50%;transition:color .3s ease-out,background .3s ease-out}.splideNav .splide__arrows .splide__arrow:before{content:"";font-family:"Font Awesome 7 Pro";font-size:1.2rem;font-weight:900;line-height:1}.splideNav .splide__arrows .splide__arrow--next{order:1}.splideNav .splide__arrows .splide__arrow--next:before{content:""}.splideNav .splide__arrows .splide__arrow svg{display:none}@media(hover: hover){.splideNav .splide__arrows .splide__arrow:hover{background:var(--textColor);color:#fff}}.splideNav .splide__arrows .splide__arrow:focus-visible{background:var(--textColor);color:#fff}@media screen and (max-width: 721px){.splideNav .splide__arrows .splide__arrow{width:1.5rem}.splideNav .splide__arrows .splide__arrow:before{font-size:1rem}}.splideNav .splide__pagination{gap:3px;padding-bottom:.4rem}.splideNav .splide__pagination .splide__pagination__page{width:.5rem;aspect-ratio:1/1;background:rgba(34,34,34,.3);border-radius:50%}.splideNav .splide__pagination .splide__pagination__page.is-active{background:var(--mainColor)}@media screen and (max-width: 721px){.splideNav .splide__pagination{padding-bottom:0}.splideNav .splide__pagination .splide__pagination__page{width:.3rem}}.topCaseContentHeader{display:grid;grid-template-columns:5rem minmax(0, 1fr);gap:1rem;align-items:center;place-content:start}.topCaseContentHeader img{width:100%;height:auto;aspect-ratio:1/1;padding:.1rem;border:1px solid rgba(0,0,0,.1);border-radius:50%}.topCaseContentHeader .inner{display:grid;grid-template-columns:minmax(0, 1fr);gap:.5rem}.topCaseContentHeader .inner h3{font-size:2rem;font-weight:800;line-height:1}@media screen and (max-width: 1024px){.topCaseContentHeader .inner h3{font-size:1.3rem;line-height:1.3}}.topCaseContentHeader .inner>span{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:center;gap:.3em;font-size:.9rem;font-weight:600}.topCaseContentHeader .inner>span:before{content:"";font-family:"Font Awesome 7 Pro"}@media screen and (max-width: 1024px){.topCaseContentHeader .inner>span{font-size:.8rem}}.topCaseContentHeader .inner .link{display:flex;gap:.5rem;align-items:center}.topCaseContentHeader>p{grid-column:span 2;font-weight:500;line-height:1.8}.topCaseContentWrapper{display:grid;grid-template-columns:minmax(0, 1fr) 40%;gap:3vw;margin-top:1rem}@media screen and (max-width: 1024px){.topCaseContentWrapper{grid-template-columns:minmax(0, 1fr);gap:2rem;margin-top:unset}}.caseSupportBlock{background:#fff;border-radius:1rem;overflow:hidden}.caseSupportBlock header{display:grid;grid-template-columns:auto auto;justify-content:space-between;padding:1rem 1rem 1rem 1.5rem;background:#efe8d9;align-items:center}.caseSupportBlock h4{font-size:1.2rem;font-weight:600}@media screen and (max-width: 1024px){.caseSupportBlock h4{font-size:1.1rem}}.caseSupportBlock span{display:grid;grid-template-columns:auto minmax(0, 1fr);gap:.5rem;align-items:center;font-size:.9rem;font-weight:600;background:var(--textColor);color:#fff;padding:.5em 1em;border-radius:100vmax}.caseSupportBlock span:before{content:"";font-family:"Font Awesome 7 Pro"}@media screen and (max-width: 1024px){.caseSupportBlock span{font-size:.8rem}}.caseSupportBlock ul{display:grid;grid-template-columns:minmax(0, 1fr);gap:.3rem;padding:1.5rem}.caseSupportBlock ul li{display:grid;grid-template-columns:auto minmax(0, 1fr);gap:.5rem;align-items:center;font-size:1rem;font-weight:500;padding-bottom:.3rem;border-bottom:3px dotted rgba(34,34,34,.1)}.caseSupportBlock ul li:before{content:"";width:.5rem;height:.5rem;background-image:url(../../images/sumisapo/circle_fill.svg);background-size:contain;background-repeat:no-repeat}.caseCommentBlock{border:5px dashed var(--mainColor);padding:2rem 3vw;border-radius:1rem}@media screen and (max-width: 1024px){.caseCommentBlock{border-width:4px;padding:2rem 5vw}}.caseCommentBlock h4{display:grid;grid-template-columns:auto minmax(0, 1fr);gap:1rem;align-items:center;font-size:1.5rem;font-weight:900;color:var(--mainColor);margin-bottom:1rem}@media screen and (max-width: 1024px){.caseCommentBlock h4{font-size:1.2rem}}.caseCommentBlock h4:before{content:"";font-family:"Font Awesome 7 Pro";display:grid;align-items:end;justify-content:center;font-size:1.8rem;width:2.5rem;aspect-ratio:1/1;outline:3px solid var(--mainColor);outline-offset:-3px;border-radius:50%;overflow:hidden}@media screen and (max-width: 1024px){.caseCommentBlock h4:before{font-size:1.5rem;width:2rem}}.caseCommentBlock p{font-size:1.1rem;font-weight:500;line-height:1.8}.topFlow{display:flex;flex-direction:row-reverse;gap:5vw;margin-block:12rem 15rem;padding-inline:7vw}.topFlow header h2{width:4vw}@media screen and (max-width: 1024px){.topFlow{flex-direction:column;margin-block:8rem 10rem;padding-inline:10vw}.topFlow header h2{width:12rem;margin-inline:auto}}@media screen and (max-width: 721px){.topFlow{margin-block:6rem;padding-inline:5vw}}.topFlowList{display:flex;flex-direction:row-reverse;gap:2vw;margin-top:3rem;counter-reset:item-numbers}@media screen and (max-width: 1024px){.topFlowList{margin-top:2rem}}@media screen and (max-width: 721px){.topFlowList{flex-direction:column;gap:2rem}}.topFlowList li{display:grid;grid-template-columns:minmax(0, 1fr);gap:1rem;justify-items:center}@media screen and (max-width: 721px){.topFlowList li{grid-template-columns:4rem minmax(0, 1fr);gap:1rem 7vw;place-content:flex-end;padding-top:2rem}}.topFlowList li:before{counter-increment:item-numbers;content:counter(item-numbers);background:var(--mainColor);color:#fff;width:2rem;aspect-ratio:1/1;display:grid;place-items:center;border-radius:50%;font-weight:900}@media screen and (max-width: 721px){.topFlowList li:before{grid-column:span 2;position:absolute;top:1.8rem;right:0}}.topFlowList li:after{content:"";width:1px;height:90%;background:rgba(34,34,34,.1);position:absolute;bottom:0;left:-1vw}@media screen and (max-width: 721px){.topFlowList li:after{width:100%;height:1px;top:0;bottom:auto;left:0}}.topFlowList li img{aspect-ratio:1/1;width:50%;height:auto;object-fit:contain}@media screen and (max-width: 721px){.topFlowList li img{width:100%}}.topFlowList li header{display:grid;grid-template-columns:minmax(0, 1fr);gap:.5rem;writing-mode:vertical-rl;height:20rem}.topFlowList li header h3{font-size:1.5rem;font-weight:900}@media screen and (max-width: 1024px){.topFlowList li header h3{font-size:1.3rem}}@media screen and (max-width: 721px){.topFlowList li header{writing-mode:horizontal-tb;height:fit-content}}.topFlowList li{opacity:0;transform:translateY(20%);transition:opacity .6s ease-out,transform .6s ease-out;transition-delay:0s}.topFlowList.show li{opacity:1;transform:translateY(0)}.topFlowList.show li:nth-child(1){transition-delay:0.1s}.topFlowList.show li:nth-child(2){transition-delay:0.2s}.topFlowList.show li:nth-child(3){transition-delay:0.3s}.topFlowList.show li:nth-child(4){transition-delay:0.4s}.topFlowList.show li:nth-child(5){transition-delay:0.5s}/*# sourceMappingURL=style.css.map */