#loading{width:100vw;height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#b5d8d4;z-index:99999;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.75rem,16px,1.25rem);color:#1e6e67;font-weight:500}#loading img{height:30vh;margin-bottom:3%}#loading>div{display:flex;justify-content:center;align-items:center}#loading>div span{margin-right:10px}#loading .dot{margin:0 3px;width:5px;height:5px;border-radius:100%;background-color:#1e6e67;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:center;transform-origin:center center;animation:flash 2s linear infinite}.dot-2{animation-delay:.4s!important}.dot-3{animation-delay:.6s!important}@keyframes flash{0%{opacity:1}50%{opacity:0}to{opacity:1}}:root{--app-height: 100vh}::-webkit-scrollbar{z-index:9999}main *{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);background:transparent;z-index:1}.scroll-indicator{background-color:#005671;padding:10px;position:sticky}body{min-height:calc(100vh - env(safe-area-inset-bottom));min-height:var(--app-height);height:-webkit-fill-available;height:calc(100vh - env(safe-area-inset-bottom));height:var(--app-height);width:100vw;overflow:hidden;background-color:#b5d8d4}a.outer-link{color:#1e6e67;text-decoration:none}main{min-height:calc(100vh - env(safe-area-inset-bottom));min-height:-webkit-fill-available;min-height:fill-available;height:-webkit-fill-available;height:calc(100vh - env(safe-area-inset-bottom));height:var(--app-height);width:100vw;overflow-y:hidden;display:flex;justify-content:center;align-items:flex-start}#show-when-too-short{transform:translate(-50%,-50%);transition:all .3s;position:fixed;top:50%;left:50%;width:0vw;height:0vh;opacity:0;z-index:99999999;display:flex}#sidebar{display:none;width:20%;height:100%!important;z-index:99999;position:fixed;left:-20%;top:0%;background-color:#1e6e67;border-radius:0 20px 0 0;transition:all .3s}#sidebar.active{left:0%!important}#sidebar.active>button img{transform:scaleX(-1)}#sidebar>button{cursor:pointer;display:block;position:fixed;left:99.8%;top:40%;height:8vh;border-radius:0 10px 10px 0;background-color:#1e6e67;padding:15px}#sidebar .list{padding:10% 5%;width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:start}#sidebar .list button{cursor:pointer;margin-bottom:3.5%;width:100%;display:flex;justify-content:flex-start;align-items:center;color:#fff;font-size:clamp(.875rem,2.2vmin,1.25rem);text-align:start;transition:all .3s}#sidebar .list button:hover{background-color:#58bcbd;padding:15px 0 15px 25px;border-radius:30px}#sidebar .list button:hover .dot{background-color:#fff}#sidebar .list button .dot{margin-right:2%;width:10px;height:10px;border-radius:10px;background-color:transparent}#sidebar .list button .dot.active{background-color:#fff}#main-content{color:#1e6e67;text-decoration:none;position:fixed;top:10vh;left:5vw;z-index:25}.navbar{position:relative;background-color:#b5d8d4;z-index:1000}.section-tabs,.burger{position:absolute;z-index:1100;left:50%;transform:translate(-50%);width:46%;max-width:2000px;height:2px;background-color:#1e6e67;display:none;justify-content:space-between;align-items:center;opacity:0}.section-tabs.normal{top:5%;min-width:600px}.burger{max-width:100%}.section-tabs>.tab,.section-tabs>.selector{padding:.5% 3%;color:#fff;background-color:#b5d8d4;border:2px solid #1e6e67;border-radius:9999px;font-size:clamp(1rem,2vmin,2rem);font-weight:700;line-height:150%;transition:all .3s;cursor:pointer}.section-tabs>.tab:hover,.section-tabs>.selector:hover{background-color:#1e6e67!important;color:#fff!important}.section-tabs>.tab.active{background-color:#1e6e67}.burger{width:100%;top:-10%}.burger>.tab,.burger>.selector{border:1px solid #b5d8d4;color:#fff;min-height:50px;border-radius:0;width:100vw;cursor:pointer}.burger>.selector{height:50px;border:none;display:flex;justify-content:space-between;align-items:center;background-color:#1e6e67}.burger>.selector .text{width:auto;max-width:400px;border-bottom:2px solid #fff}.burger>.selector img{transform:rotate(0);transition:all .3s}@media all and (max-width: 1100px){.section-tabs:not(.burger){display:none!important}.burger{height:50px;overflow-y:hidden;top:65px;flex-direction:column;width:100%;transition:all .3s;background-color:transparent;z-index:110}.burger.active{height:300px}.burger.active>.selector img{transform:rotate(180deg)}}.main-0{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#b5d8d4;overflow:hidden;width:100vw;height:90vh;height:calc(var(--app-height) * .9);min-height:90vh;min-height:calc(var(--app-height) * .9)}.main-0 .title{place-self:center;text-align:center;font-size:calc(1rem + 5vw);font-weight:900;letter-spacing:.08em;color:#1e6e67}.main-0 .title-group{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;top:0%;z-index:80}.main-0>button{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:center;transform-origin:center center;animation:dimond 3.5s ease-in-out 1s infinite}@keyframes dimond{0%{transform:translateZ(0) translateZ(0) translate(0)}25%{transform:translateZ(0) translateZ(0) translate(5%,5%)}50%{transform:translateZ(0) translateZ(0) translateY(10%)}75%{transform:translateZ(0) translateZ(0) translate(-5%,5%)}to{transform:translate(0)}}.main-0 .pill{place-self:center;width:-moz-fit-content;width:fit-content;text-align:center;padding:2.5% 10%;font-weight:700;line-height:150%;letter-spacing:.08em;color:#fff;background-color:#1e6e67;border-radius:9999px;font-size:clamp(1rem,2.8vmin,4rem);white-space:nowrap}#dp{position:absolute;z-index:0;left:50%;top:35%;width:40%;min-width:300px;transform:translate(-50%,-30%)}#wheel-chair{position:absolute;z-index:100;left:50%;top:40%;width:30vmin;transform:translate(-50%)}.section-group{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:-moz-fit-content;width:fit-content;gap:8px;z-index:99;cursor:pointer}#prepare{position:absolute;left:5%;top:10%;width:40vmin}#prepare img{width:70%}#response{position:absolute;right:5%;top:5%;width:50vmin}#response img{width:75%;color:#b5d8d4}#response>.pill{position:relative;right:5%;top:4vw}#document{position:absolute;left:8%;top:50%;width:15vmin}#help{position:absolute;left:20%;top:60%;width:20%}#help img{width:50%}#recover{position:absolute;right:5%;top:50%;width:20%}#recover img{width:100%}.main-1,.main-2,.main-3,.main-4,.main-5{position:absolute;z-index:21;left:100%;opacity:0;height:92vh;max-height:1600px;background-color:#d9f4f1;width:100%;padding:8% 0px 3% max(8%,110px);display:none;justify-content:start;align-items:center;overflow-x:scroll;overflow-y:hidden}#progress{height:0vh;position:absolute;z-index:20;bottom:-100%;left:0%;width:100%;display:flex;justify-content:start;align-items:end}#progress-wheelchair{z-index:4;position:absolute;left:31%;top:-135%;transform:scaleX(-1) translate(50%);width:8.8vw;transition:all .3s}.button-group{min-width:100px;width:7%;display:flex;justify-content:space-between;align-items:center;position:absolute;z-index:6;bottom:32px;right:.8%}.button-group.top{display:none;width:-moz-fit-content;width:fit-content;position:fixed;z-index:5000;left:99%;top:150px;transform:translate(-100%)}.button-group button{position:relative;z-index:50;aspect-ratio:1;width:clamp(32px,3vw,120px);height:clamp(32px,3vw,120px);padding:3%;border-radius:9999px;border:none;background:#ffffff;box-shadow:0 4px 8px rgba(12,33,31,.25);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s}.button-group button:last-of-type{margin-right:0%}.button-group button.disable{cursor:default}.button-group button.disable img{filter:saturate(5%) brightness(150%)}.button-group button:not(.disable):hover{background-color:#1e6e67}.button-group button:not(.disable):hover img{filter:brightness(1000%)}.button-group button img{width:clamp(20px,1vw,81px)}.download-btn{padding:6px 24px;position:absolute;z-index:9999;left:max(50vw,550px);top:calc(100% + 2vh);transform:translate(-100%);display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:clamp(.875rem,1.5vmin,2rem);line-height:150%;text-decoration:none;letter-spacing:.08em;background:#1e6e67;border:none;border-radius:9999px;transition:all .3s;cursor:pointer;margin:0 10px}.download-btn:hover,.download-btn:focus{box-shadow:4px 6px rgba(30,110,103,.5)}.download-btn>div{text-align:start;white-space:nowrap}#progress .bar{position:relative;z-index:60;height:6px;width:100%;background:#fff;display:flex;justify-content:start;align-items:center;z-index:1}#progress .bar .percent{height:100%;width:3%;background-color:#1e6e67;transition:all .3s}.main:nth-child(odd)>div:after{border-top:5px solid #1e6e67;position:absolute;z-index:40;left:-10%;top:100%;content:"";width:180%;height:15vh;background-color:#d9f4f1}.main:nth-child(2n)>div:after{border-top:5px solid #1e6e67;position:absolute;z-index:40;left:-10%;top:100%;content:"";width:180%;height:15vh;background-color:#f1eaa8}.main-1 .earthquake:after,.main-2 .phone:after,.main-3 .help:after,.main-4 .seperate:after{width:140%!important}.main-1>div,.main-2>div,.main-3>div,.main-4>div{margin-left:12vmin;height:90%;width:100vw;flex:0 0 90vw;min-width:1100px;max-width:2560px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;bottom:10%}.main-1>div:first-of-type,.main-2>div:first-of-type,.main-3>div:first-of-type,.main-4>div:first-of-type{margin-left:0!important}.main-1 .content,.main-2 .content,.main-3 .content,.main-4 .content{height:100%;width:90vw;min-width:1100px;max-width:2560px;display:flex;justify-content:center;align-items:flex-end;opacity:0}.main-1 .title,.main-2 .title,.main-3 .title,.main-4 .title,.main-5 .title{align-self:start;margin-bottom:1%;padding:.5% 2%;font-size:clamp(1rem,3vmin,3rem);letter-spacing:.08em;color:#1e6e67;background-color:#fff;border:3px solid #1e6e67;border-radius:9999px;opacity:0;font-weight:700}.main-1 .sub-title,.main-2 .sub-title,.main-3 .sub-title,.main-4 .sub-title,.main-5 .sub-title{align-self:flex-start;font-weight:500;font-size:clamp(.875rem,2vmin,1.125rem);line-height:150%;letter-spacing:.08em;color:#1e6e67;z-index:50;opacity:0;margin-bottom:10px}.main-1 .content .group{position:relative;min-width:-moz-fit-content;min-width:-webkit-fill-available;min-width:fit-content;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.dialog{padding:15px;position:absolute;background:#ffffff;border:2px solid #1e6e67;font-weight:500;font-size:clamp(.875rem,2vmin,1.125rem);line-height:150%;letter-spacing:.08em;color:#1e6e67}.dialog .text{display:block}.dialog .num{width:clamp(36px,5vmin,45px);height:clamp(36px,5vmin,45px);position:absolute;left:-1.4rem;top:-1.4rem;background:#1e6e67;border-radius:9999px;font-size:clamp(1.25rem,1.5vmin,2.5rem);display:flex;justify-content:center;align-items:center;text-align:center;letter-spacing:.08em;color:#fff}.main-1 .content .group>img{position:absolute;bottom:-20px}.contact-net{margin-left:0!important}.contact-net .content{justify-content:center;gap:5%}.contact-net.dialog{padding:2%}.contact-net .content .group{min-width:-moz-fit-content;min-width:-webkit-fill-available;min-width:fit-content;width:28%;height:100%}#cn-1 .dialog{bottom:52%;left:10%}#cn-1>img{height:75%;left:40%;bottom:-11%;z-index:50}#cn-2 .dialog{left:20%;bottom:70%;width:90%}#cn-2>img{height:60%;left:30%}#cn-3 .dialog{left:0%;width:70%;bottom:35%}#cn-3>img{height:30%;min-width:120px;z-index:500;left:20%;bottom:2%;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:top center;transform-origin:center center;animation:swing-sm 6s ease-in-out 0s infinite}.main-1 .plan .content{justify-content:flex-start;gap:5%}.main-1 .plan .content .group{align-items:start;width:40%}#pl-1 .dialog{left:30%;bottom:70%}#pl-1>img{height:65%}#pl-2 .dialog{width:50%;left:30%;bottom:70%}#pl-2>img{z-index:50;height:135%;left:-10%;bottom:-37%}@keyframes swing{0%{transform:translateZ(0) translateZ(0) rotate(30deg)}50%{transform:translateZ(0) translateZ(0) rotate(-30deg)}to{transform:translateZ(0) translateZ(0) rotate(30deg)}}#pl-2>img#breath{height:35%;left:33%;bottom:0%;z-index:51;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:top center;transform-origin:center center;animation:swing 6s ease-in-out 0s infinite}.main-1 .storage .content{z-index:50}#material-1{width:100%}#material-1>img:first-of-type{bottom:-51%;height:164%;left:18.2%}#material-1>img.sheet{width:15%;right:10%;bottom:55%;z-index:2000;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:top center;transform-origin:center center;animation:swing-sm 6s ease-in-out 0s infinite}@keyframes swing-sm{0%{transform:translateZ(0) translateZ(0) rotate(10deg)}50%{transform:translateZ(0) translateZ(0) rotate(-10deg)}to{transform:translateZ(0) translateZ(0) rotate(10deg)}}#material-1 .dialog.d-1{left:3%;bottom:50%}#material-1 .dialog.d-2{width:20%;left:42%;bottom:50%}#material-1 .dialog.d-3{width:20%;left:70%;bottom:10%}.backbag .sub-title{width:25%}.backbag .content{z-index:50}#bag-1{width:100%}#bag-1 .dialog{width:70%;bottom:100%;left:25%}#bag-1>img{z-index:50;height:30vh;left:-7%;bottom:-13%}#bag-1 .img-group{width:88%;position:absolute;right:3%;display:grid;grid-template-columns:repeat(6,1.5fr) 2.5fr;grid-template-rows:repeat(2,1fr);gap:.55%}#bag-1 .img-group>div{width:90%;height:100%;place-self:center;display:flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap}#bag-1 .img-group>div img{height:15vh;max-height:95px;padding-top:20px}#bag-1 .img-group>div>div{width:100%;margin-top:10px;display:flex;justify-content:center;align-items:flex-start;color:#1e6e67;font-weight:500;font-size:clamp(.875rem,2.2vmin,1.125rem);letter-spacing:.08em}#bag-1 .img-group>div>div span:first-of-type{display:inline-block;aspect-ratio:1;margin-right:5px;width:clamp(12px,2.2vmin,48px);height:clamp(12px,2.2vmin,48px);-webkit-appearance:none;appearance:none;border:2px #1e6e67 solid;border-radius:15%}#bag-1 .img-group>div>div input:checked{background-color:#1e6e67}.assistant-equipment .sub-title{width:60%}.assistant-equipment .content{z-index:41}#equip-1{width:100vw}#equip-1 .dialog.d-1{left:8%;bottom:30%;width:25%}#equip-1 .dialog.d-2{left:66%;bottom:40%;width:25%;z-index:500}#equip-1>img{bottom:-15%;height:105%;z-index:50;left:37%}.medical{margin-left:200px}.medical .sub-title{width:40%}.medical .content .group{width:50vw}.medical .dialog{width:50%}.medical .content .group img{position:absolute}#medical-main-img{margin-right:0}#medical-main-img img{height:150%;bottom:-35%}#medical-1{display:flex;flex-direction:column;justify-content:start;align-items:center}#medical-1>div{width:fit-content;position:absolute}#medical-1>div .dialog{position:relative;z-index:0}#medical-1>div.g-1{width:100%;left:20%;bottom:100%;z-index:2}#medical-1>div.g-1 img{width:22%;left:45%;top:40%;z-index:50}#medical-1>div.g-2{width:100%;left:20%;bottom:50%}#medical-1>div.g-2 img{width:13%;left:45%;top:70%;z-index:50}#medical-1>div.g-3{width:100%;left:10%;bottom:10%}.medical .download-btn.db-1{left:41%}.medical .download-btn.db-2{left:59%}.main-1 .animal .content{justify-content:flex-start}.main-1 .animal .content .group{width:100%;align-items:center;justify-content:center}#animal-1 .img-group{height:80%;width:90%;display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;grid-template-rows:repeat(2,50%);align-items:start}#animal-1 .img-group>div{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#animal-1 .img-group>div img{width:40%}#pet-name img,#pet-pic img{width:29%!important}#animal-1 .img-group>div>div{margin-top:10px;display:flex;justify-content:center;align-items:flex-start;color:#1e6e67;font-weight:500;font-size:clamp(.875rem,2vmin,3rem);letter-spacing:.08em}#animal-1 .img-group>div>div span:first-of-type{flex-shrink:1;aspect-ratio:1;margin-right:5px;width:clamp(12px,2.2vmin,48px);height:clamp(12px,2.2vmin,48px);-webkit-appearance:none;appearance:none;border:2px #1e6e67 solid;border-radius:15%}.risk .content .img-group{width:30%;display:flex;justify-content:center;align-items:center;gap:10px;position:absolute;left:55%;bottom:90%}.risk .content .img-group img{width:25%}.risk .content .img-group img:nth-child(1){position:relative;margin-top:16%;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:top center;transform-origin:center center;animation:swing-sm 6s ease-in-out 0s infinite}.risk .content .img-group img:nth-child(2){-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:top center;transform-origin:center center;animation:swing-sm 6s ease-in-out 0s infinite;animation-delay:.25s}.risk .content .img-group img:nth-child(3){margin-top:20%;position:relative;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:top center;transform-origin:center center;animation:swing-sm 6s ease-in-out 0s infinite;animation-delay:.5s}#risk-1{display:flex;justify-content:center;align-items:center;width:100vw}#risk-1 img{left:18%;height:40vh;min-width:800px}#risk-1 .dialog{z-index:90}#risk-1 .dialog.d-1{left:0%;bottom:50%;width:31%}#risk-1 .dialog.d-2{left:0%;bottom:20%;box-shadow:8px 8px #1e6e67;width:25%}#risk-1 .dialog.d-3{left:64%;width:25%;bottom:40%}#risk-1 .dialog.d-4{width:20%;left:70%;bottom:5%;box-shadow:8px 8px #1e6e67}.evacuate .group{width:100vw!important}.evacuate .group #evacuate-main{z-index:5;height:100%;bottom:-13%;left:35%}.evacuate .group #evacuate-exit{z-index:5;width:15%;left:10%;bottom:25%}.evacuate .group .dialog{left:60%;bottom:50%;width:25%;z-index:0}.shelter .sub-title{width:60%}.shelter .group{width:100vw}.shelter .group img:not(.shelter .dialog.d-1 img){left:35%;height:50vh}.shelter .dialog.d-1{width:20%;position:absolute;left:8%;bottom:20%;z-index:50}.shelter .dialog.d-1 img{scale:-1 1;position:absolute;left:-35%;top:-60%;width:30%;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:top center;transform-origin:center center;animation:swing-sm 6s ease-in-out 0s infinite}.shelter .dialog.d-2{width:25%;position:absolute;left:67%;bottom:55%;z-index:999}.typhoon .content{gap:3%}.typhoon .content .group{min-width:0;margin-right:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:16%;height:90%}.typhoon .content .group:nth-child(2n){top:15%}.typhoon .content .group img{margin-bottom:30%;height:13vh;max-width:200px;position:relative;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:center;transform-origin:center center;animation:updown 3.5s ease-in-out 0s infinite}.main-1 .typhoon .content .group .dialog{padding:8%;position:relative}.main-1 .typhoon .content .group .dialog .num{left:-25px;top:-25px}@keyframes updown{0%{transform:translateZ(0) translateZ(0) translateY(-5px)}50%{transform:translateZ(0) translateZ(0) translateY(5px)}to{transform:translateZ(0) translateZ(0) translateY(-5px)}}#ty-2 img{animation-delay:.2s}#ty-3 img{animation-delay:.6s}#ty-4 img{animation-delay:1s}#ty-5 img{animation-delay:1.4s}.main-1 .earthquake .sub-title{width:40%}.main-1 .earthquake .img-group{display:flex;justify-content:center;align-items:flex-end;height:100%;bottom:5%;position:relative}.main-1 .earthquake .img-group .closet{position:absolute;bottom:5%;left:-15%;height:50%}.main-1 .earthquake .wheelchair{position:absolute;height:25%;left:90%;bottom:5%}.main-1 .earthquake .main{height:40vh}.main-1 .earthquake .content .dialog.d-1{width:20%;left:8%;bottom:60%}.main-1 .earthquake .content .dialog.d-2{position:absolute;width:10%;left:35%;bottom:10%;z-index:100}.main-1 .earthquake .content .dialog.d-2 img{height:30%;position:absolute;right:-41%;top:-30%}.main-1 .earthquake .content .dialog.d-3{min-width:150px!important;width:15%;left:65%;bottom:80%;z-index:100}.main-1 .earthquake .content .dialog.d-4{width:15%;z-index:50;left:75%;bottom:25%}.main-2 .sub-title{width:25%}.main-2 .info{margin-left:0!important}.main-2 .info .content{justify-content:flex-start;align-items:center;gap:5%}.main-2 .info .content>.dialog{padding:1%;width:31%;bottom:102%;left:40%}.main-2 .info .content .qrcode{display:flex;flex-direction:column;justify-content:center;align-items:center}.main-2 .info .content .qrcode img{width:100%}.main-2 .info .content .qrcode .dialog{position:relative;width:100%;margin-bottom:5%}.main-2 .info .content .steps{width:60%;display:flex;justify-content:flex-start;align-items:center;gap:2%}.main-2 .info .content .steps h4{width:90%;margin:0 auto 3%;text-align:center;white-space:nowrap;font-size:clamp(1rem,2vmin,1.125rem);color:#1e6e67}.main-2 .info .content .steps .step{align-self:flex-start;width:100%;font-weight:700;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:0 0 25%}.main-2 .info .content .steps .step img{width:80%}.main-2 .earthquake .content{z-index:45;justify-content:space-between}.main-2 .earthquake .content .dialog{position:relative}.main-2 .earthquake .content .steps{width:30%;height:80%;position:relative;top:10%;align-self:flex-start;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start}.main-2 .earthquake .content .steps .dialog.d-2{width:100%;position:absolute;left:212%;bottom:-120%;z-index:100}.main-2 .earthquake .content .steps .dialog.d-2 img{position:absolute;left:-10%;bottom:50%}.main-2 .earthquake .content .steps .dialog:not(.d-2){white-space:nowrap;width:-moz-fit-content;width:fit-content}.main-2 .earthquake .content .steps .wheel-chair{position:relative}.main-2 .earthquake .content .steps img:not(.earthquake .content .dialog.d-2 img){width:100%;position:absolute;left:105%;bottom:50%;transform:translateY(50%);z-index:9999}.main-2 .earthquake .content .cover-head{height:90%;width:60%;position:relative;left:27%;bottom:15%;align-self:flex-start}.main-2 .earthquake .content .cover-head .dialog{position:relative;width:33%;margin-bottom:5%;margin-right:0}.main-2 .earthquake .content .cover-head img{width:40%;position:absolute;left:16%;bottom:-50%;z-index:99}.main-2 .no-power .content{justify-content:center;align-items:center}.main-2 .no-power img{height:150%;position:absolute;left:45%;bottom:-3%;transform:translate(-50%)}.main-2 .no-power .dialog{position:absolute;min-width:300px;max-width:40%;z-index:20}.main-2 .no-power .dialog.d-1{left:15%;bottom:65%;width:20%}.main-2 .no-power .dialog.d-2{left:65%;bottom:50%;width:25%}.main-2 .no-power .dialog.d-3{left:60%;bottom:15%;width:20%}.main-2 .evacuate .content{z-index:50}.main-2 .evacuate .sub-title{width:25%;z-index:90}.main-2 .evacuate .content{justify-content:center;align-items:center}.main-2 .evacuate img{height:135%;position:absolute;left:30%;bottom:-20%;z-index:99}.main-2 .evacuate .dialog{position:absolute;z-index:999}.main-2 .evacuate .dialog.d-1{width:25%;left:2%;bottom:55%}.main-2 .evacuate .dialog.d-2{width:25%;left:8%;bottom:15%;z-index:999}.main-2 .evacuate .dialog.d-3{width:25%;left:65%;bottom:60%}.main-2 .report .sub-title{width:25%}.main-2 .report .content{justify-content:center;align-items:center}.main-2 .report img{position:absolute;left:50%;transform:translate(-50%)}.main-2 .report img:nth-of-type(1){height:60%;left:20%;bottom:15%;transform:translate(-50%)}.main-2 .report img:nth-of-type(2){bottom:25%;left:45%;width:25%}.main-2 .report img:nth-of-type(3){bottom:-6%;left:65%;height:90%}.main-2 .report .dialog{position:absolute;width:25%}.main-2 .report .dialog.d-1{width:25%;left:10%;bottom:20%;z-index:50;box-shadow:8px 8px #1e6e67}.main-2 .report .dialog.d-2{width:20%;left:68%;bottom:10%;z-index:50}.main-2 .phone .content>*{position:absolute}.main-2 .phone .dialog{position:absolute;width:25%}.main-2 .phone .dialog{transform:translate(-50%)}.main-2 .phone .dialog.d-1{left:45%;bottom:55%}.main-2 .phone .dialog.d-2{left:50%;bottom:28%}.main-2 .phone img:nth-of-type(1){height:95%;left:10%;bottom:-20px}.main-2 .phone .content img:nth-of-type(2){height:100%;left:66%;bottom:-20px}.main-3 .check{margin-left:0!important}.main-3 .check .sub-title{width:27%}.main-3 .check .content .check-group{font-size:clamp(.875rem,2vmin,3rem);color:#1e6e67;font-weight:500;height:100%}.main-3 .check .content .check-group img{width:50%;margin-bottom:3%}.main-3 .check .content>div:not(.dialog){width:20%;display:flex;flex-direction:column;align-items:flex-start}.main-3 .check .content>div span:first-of-type{display:inline-block;aspect-ratio:1;margin-right:5px;width:clamp(15px,2vmin,30px);height:clamp(15px,2vmin,30px);-webkit-appearance:none;appearance:none;border:2px #1e6e67 solid;border-radius:5%;margin-top:2px}.main-3 .check .content>div:first-of-type{height:100%;width:30%;justify-content:center}.main-3 .check .content>div:first-of-type>.check-group{height:50%;width:96%;display:flex;flex-direction:column;justify-content:center;align-items:center}.main-3 .check .content>div:nth-of-type(2){display:flex;justify-content:center;align-items:center}.main-3 .check .content>div:nth-of-type(3){width:38%;display:flex;justify-content:center;align-items:flex-start}.main-3 .check .content>div:nth-of-type(3) img{align-self:center}.main-3 .check .content .dialog{width:25%;right:15%;top:-20%;box-shadow:4px 6px #1e6e67}.main-3 .check .content .check-group>div{margin-bottom:3%}.main-3 .help .sub-title{width:30%}.main-3 .help .content{width:100%}.main-3 .help .content img{height:130%;bottom:-5%;position:absolute;left:40%;border-radius:30px;outline:10px solid #f1eaa8;outline-offset:-5px}.main-4 .dialog{width:30%}.main-4 .require{margin-left:0}.main-4 .require .dialog.d-1{left:5%;bottom:50%;width:19%}.main-4 .require .dialog.d-2{left:20%;bottom:26%;width:20%}.main-4 .require img{height:110%;position:absolute;left:45%;bottom:-2%}.main-4 .help-other{width:100vw}.main-4 .help-other .text{color:#1e6e67;position:absolute;transform:rotate(16deg);bottom:70%;left:7%;font-size:.75rem}.main-4 .help-other img:first-of-type{height:80%;position:absolute;left:7%;bottom:-1%}.main-4 .help-other img:last-of-type{height:82%;position:absolute;right:10%;bottom:-1%}.main-4 .help-other .dialog.d-1{width:22%;left:40%;bottom:10%;height:auto}.main-4 .help-other .dialog.d-2{left:60%;bottom:90%}.main-4 .seperate,.main-4 .seperate .content{z-index:999}.main-4 .seperate .dialog{width:20%;left:15%;bottom:30%}.main-4 .seperate img{z-index:90;height:100%;position:absolute;right:20%;bottom:-1%}.main-5{padding:0}.main-5 .content{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:5%}.main-5 .content>a{width:25%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none}.main-5 .content .text{width:75%;text-align:center;font-weight:900;font-size:clamp(1.25rem,2vmin,3rem);line-height:150%;letter-spacing:.08em;color:#1e6e67}.main-5 .content .img-group{width:80%;position:relative;margin-bottom:40px;display:flex;justify-content:center;align-items:center}.main-5 .content .img-group img:first-of-type{width:100%}.main-5 .content .img-group.i2{padding-top:40px}.main-5 .content .img-group img:last-of-type{width:20%;padding:3%;background-color:#1e6e67;border-radius:9999px;box-shadow:0 8px 12px rgba(14,39,37,.25);position:absolute;right:-20px;bottom:-20px}@media all and (max-width: 2560px){.main-4 .require .dialog.d-2{left:20%;bottom:16%;width:20%}.main-1 .earthquake .img-group{bottom:-1%}#pl-1>img{height:127%;bottom:-35%}.main-2 .info .content{gap:10%}}@media all and (min-width: 2501px){.main-1>div,.main-2>div,.main-3>div,.main-4>div{margin-left:10vw}.main:nth-child(2n)>div:after{width:150%!important}.main:nth-child(odd)>div:after{width:150%!important}.evacuate .group .dialog{bottom:60%;width:23%}#material-1>img:first-of-type{bottom:-46%;height:150%;left:12.5%}#pl-1>img{height:110%;bottom:-32%}#bag-1 .img-group{right:0%}#equip-1>img{height:110%;left:34%}#risk-1 .dialog.d-3{bottom:50%}.main-1 .earthquake .main{height:100%}.main-1 .earthquake .content .dialog.d-2 img{height:50%;right:-70%}.main-1 .earthquake .content .dialog.d-2{width:13%;left:27%;bottom:2%}#bag-1 .img-group{height:90%}#bag-1>img{left:-5%}.main-2 .info .content{gap:10%}}@media all and (max-width: 2500px){.main-1>div,.main-2>div,.main-3>div,.main-4>div{margin-left:10vw}#material-1>img:first-of-type{bottom:-46%;height:150%;left:12.5%}#pl-1>img{height:110%;bottom:-32%}#equip-1>img{height:110%;left:34%}#risk-1 .dialog.d-3{bottom:50%}.main-1 .earthquake{margin-right:20vw}.main-1 .earthquake .main{height:100%}.main-1 .earthquake .content .dialog.d-2 img{height:50%;right:-70%}.main-1 .earthquake .content .dialog.d-2{width:13%;left:32%;bottom:30%}}@media all and (max-width: 1730px){.contact-net .content{justify-content:flex-start;gap:15%}#cn-1 .dialog{width:100%}#pl-1>img{left:-5%;height:100%;bottom:-27%}#pl-2>img{height:125%;left:-3%;bottom:-37%}#pl-2>img#breath{left:50%;height:30%;bottom:1%}#pl-2 .dialog{width:80%;left:40%;bottom:60%}#medical-main-img img{height:130%;bottom:-30%}#material-1>img:first-of-type{bottom:-39%;height:125%;left:13%}#bag-1{height:87%}#bag-1>img{left:-5%;height:50%}#bag-1 .img-group{width:90%}#bag-1 .dialog{width:70%;bottom:100%;left:30%}.main-1 .assistant-equipment{margin-left:30vmin}#equip-1>img{left:33%}.risk .content .img-group{left:60%;bottom:85%;width:35%}#risk-1 .dialog.d-3{left:70%;bottom:50%}#risk-1 .dialog.d-4{width:20%;left:75%;bottom:10%}.evacuate .group #evacuate-main{left:30%}.shelter .group img:not(.shelter .dialog.d-1 img){left:25%}.typhoon .content{align-items:center}.typhoon .content .group{justify-content:center}.main-1 .earthquake .content .dialog.d-4{left:85%}.main-2 .evacuate .dialog.d-3{bottom:54%}.main-2 .phone img:nth-of-type(1){left:5%}.main-4 .help-other .text{bottom:52%;left:6%}.main-4 .help-other img:first-of-type{height:60%}.main-4 .help-other img:last-of-type{right:2%}.main-4 .seperate img{right:17%}.main-4 .seperate .dialog{width:20%;left:10%;bottom:35%}}@media all and (max-width: 1650px) and (max-height: 950px){#pl-2>img#breath{left:32%}}@media all and (max-width: 1440px){.main-1>div,.main-2>div,.main-3>div,.main-4>div{margin-left:20vmin}.main-1 .plan .content{justify-content:flex-start}#help{top:55%;width:15%;justify-content:center;align-items:center}#pl-2 .dialog{bottom:55%;left:50%;width:60%}#pl-2>img{height:140%;left:3.5%;bottom:-41%}#pl-2>img#breath{left:45%}#material-1>img:first-of-type{bottom:-51%;height:164%;left:13%}.main-1 .assistant-equipment{margin-left:40vmin}#equip-1>img{height:110%}#equip-1 .dialog.d-2{left:65%;bottom:30%}#medical-main-img img{height:150%;bottom:-30%}.risk .content .img-group{bottom:89%}.typhoon .content .group{justify-content:flex-start}.main-2 .info .content .steps .step img{width:90%}.main-2 .earthquake .content .steps .dialog.d-2{left:215%}.main-1 .earthquake .content .dialog.d-3{width:20%;left:67%;bottom:85%}.main-2 .earthquake .content .cover-head img{left:20%}.main-2 .no-power .dialog.d-1{left:10%}.main-2 .evacuate .dialog.d-3{left:68%;bottom:57%}.main-4 .help-other img:first-of-type{height:80%}.main-4 .help-other .dialog.d-1{left:43%}.main-4 .help-other .text{bottom:70%;left:5%}.main-4 .seperate .dialog{left:20%}#bag-1 .img-group{right:0%}}@media all and (max-width: 1400px) and (max-height: 1200px){#progress .bar{height:6px}#recover{top:50%;width:15%;right:10%}#response{top:0%}#wheel-chair{left:50%;transform:translate(-50%,-50%);width:25vmin;top:50%}#sidebar .list button{margin-bottom:7%}#cn-3 .dialog{left:5%}#cn-3>img{left:50%}#pl-1>img{height:110%}#pl-2>img#breath{left:50%;height:30%}.evacuate .group .dialog{left:70%}#risk-1 .dialog.d-4{left:80%}.main-1 .earthquake .img-group{bottom:28%;height:70%}.main-1 .earthquake .content .dialog.d-4{left:81%}.main-1 .earthquake .content .dialog.d-3{width:19%}.main-2 .earthquake .content .cover-head{left:25%}.main-4 .help-other .text{bottom:70%;left:14%}.main-4 .help-other img:first-of-type{left:10%}.main-4 .help-other img:last-of-type{right:5%}}@media all and (max-width: 1370px) and (max-height: 1030px){.main-1>div,.main-2>div,.main-3>div,.main-4>div{margin-left:20vmin}#help{left:20%;top:70%;width:18%}#recover{top:56%;width:25%;right:6%}#wheel-chair{left:50%;top:43%}.section-tabs.normal{width:50%}.contact-net .content{justify-content:space-between}#cn-1>img{left:10%}#pl-2>img#breath{left:38%;height:30%}.main-1 .plan .content .group{height:86%}#material-1>img:first-of-type{bottom:-38%;height:124%;left:14%}#bag-1 .img-group{right:5%}#bag-1>img{left:-8%}#equip-1>img{left:30%}#equip-1 .dialog.d-2{left:68%}#medical-main-img img{height:136%}.medical .download-btn.db-1{left:42%}.medical .download-btn.db-2{left:58%}#risk-1 img{left:17%;height:80%}.risk .content .img-group{bottom:85%}#risk-1 .dialog.d-3{left:75%;width:25%;bottom:50%}.shelter .dialog.d-2{left:66%}.typhoon .content{height:80%}.typhoon .content .group{justify-content:center}.main-1 .earthquake .img-group{bottom:25%}.main-1 .earthquake .content .dialog.d-2{width:14%;left:28%;bottom:20%}.main-1 .earthquake .content .dialog.d-2 img{height:70%;right:-60%}.main-2 .info .content .steps>.step{justify-content:center}.main-2 .earthquake .content .cover-head{width:70%;left:35%;height:90%}.main-2 .earthquake .content .steps .dialog.d-2{width:90%}.main-2 .no-power .dialog.d-2{left:65%;bottom:65%;width:29%}.main-2 .no-power .dialog.d-3{left:65%;width:24%}.main-4 .help-other img:first-of-type{height:75%}.main-4 .help-other .dialog.d-1{left:50%}.main-4 .help-other img:last-of-type{right:-5%}.main-4 .require .dialog.d-2{left:20%;bottom:20%;width:25%}.main-4 .seperate .dialog{left:10%}.main-4 .seperate img{right:15%}#response{right:-5%;top:3%}#document{left:5%;top:45%}#help{justify-content:center;align-items:center;left:20%;top:59%}#recover{justify-content:center;align-items:center;top:56%;width:27%}#recover img{width:50%}}@media all and (max-width: 1300px) and (max-height: 850px){.main-1>div,.main-2>div,.main-3>div,.main-4>div{height:80%}#wheel-chair{left:40%;top:37%}#document img{width:95%}#help{left:20%;top:53%;width:25%}#recover{top:43%;width:25%}#pl-1>img{height:130%;bottom:-35%}#pl-2>img#breath{left:42%}#pl-2 .dialog{bottom:60%}#pl-2>img{height:150%;bottom:-45%}#material-1>img:first-of-type{bottom:-42%;height:135%;left:15%}#bag-1 .img-group{right:8%}#bag-1>img{height:55%;left:-7%;bottom:-10%}#equip-1 .dialog.d-2{left:63%}#risk-1{width:100%}#risk-1 img{left:13%;height:80%}#risk-1 .dialog.d-1{bottom:45%}#risk-1 .dialog.d-2{bottom:15%}#risk-1 .dialog.d-3{left:72%;width:25%;bottom:55%}#risk-1 .dialog.d-4{left:76%}.shelter .group img:not(.shelter .dialog.d-1 img){left:28%}.shelter .dialog.d-2{width:25%;position:absolute;left:67%;bottom:67%;z-index:999}.typhoon .content{justify-content:flex-start}.typhoon .content .group{justify-content:flex-start;height:70%}.main-1 .earthquake .img-group{left:-3%}.main-1 .earthquake .main{height:100%}.main-1 .earthquake .content .dialog.d-2{left:25%;bottom:8%}.main-1 .earthquake .content .dialog.d-4{left:80%;width:17%}.main-2 .earthquake .content .steps{left:1.56%}.main-2 .earthquake .content .cover-head{left:31.9%}.main-4 .help-other .dialog.d-1{left:35%}.main-4 .help-other img:last-of-type{right:0%}}@media all and (max-width: 1280px){.main-0{min-height:calc(100vh - env(safe-area-inset-bottom));min-height:-webkit-fill-available;min-height:fill-available;height:-webkit-fill-available;height:calc(100vh - env(safe-area-inset-bottom));height:var(--app-height)}.main-1>div,.main-2>div,.main-3>div,.main-4>div{height:90%}#material-1 .dialog.d-2{left:40%}#equip-1 .dialog.d-1{left:5%}.main-2 .no-power .dialog.d-1{left:5%;bottom:60%}.main-2 .no-power img{left:45%}.main-2 .evacuate .dialog.d-3{width:30%;left:65%;bottom:50%}.risk .content .img-group{bottom:90%;width:35%}.main-4 .require .dialog.d-2{bottom:23%}}@media all and (max-width: 1200px) and (max-height: 840px){.contact-net .content{justify-content:flex-start;gap:3%}#cn-1 .dialog{bottom:50%}#cn-2 .dialog{left:15%}#cn-2>img{left:15%}#cn-3 .dialog{left:20%;bottom:55%}#cn-3>img{height:40%;left:40%;bottom:5%}.main-1 .plan .content{gap:2%}#pl-1 .dialog{bottom:80%}#pl-1>img{height:110%;bottom:-31%}#pl-2>img{left:-1%;height:150%;bottom:-42%}#pl-2 .dialog{bottom:75%;left:35%;width:68%}#pl-2>img#breath{bottom:4%;left:35%;height:35%}#material-1>img:first-of-type{bottom:-42%;height:135%;left:10%}#material-1 .dialog.d-1{left:1%;bottom:40%}#material-1 .dialog.d-2{width:25%;left:36%}#material-1 .dialog.d-3{width:24.2%;left:69%}#material-1>img.sheet{bottom:50%}.main-1 .animal .content .group{align-items:flex-start}#equip-1>img{left:26%;height:108%}#bag-1 .img-group{width:70%}#bag-1 .img-group>div{white-space:unset}#bag-1 .img-group>div>div{font-size:.875rem}#bag-1>img{height:60%;left:-3%}#bag-1 .dialog{width:60%;bottom:100%;left:25%}.main-1 .assistant-equipment{margin-left:20vmin}.assistant-equipment .sub-title{width:90%}#equip-1 .dialog.d-1{bottom:50%}#equip-1 .dialog.d-2{left:67%;bottom:25%}#medical-main-img img{height:125%;bottom:-26%}.medical .dialog{width:66%}.medical .g-3 .dialog{width:68%}#medical-1>div.g-1{left:5%;bottom:90%}#medical-1>div.g-1 img{left:50%;top:55%}#medical-1>div.g-2{left:5%;bottom:50%}#medical-1>div.g-2 img{left:58%}#medical-1>div.g-3{left:-5%;bottom:5%}#risk-1 img{left:5%;height:75%}.risk .content .img-group{display:none}#risk-1 .dialog.d-1{left:0%;bottom:60%;width:34%;font-size:.875rem}#risk-1 .dialog.d-2{bottom:10%}#risk-1 .dialog.d-3{left:66%;bottom:61%}#risk-1 .dialog.d-4{width:17%;left:74%;bottom:30%}.evacuate .group #evacuate-exit{z-index:5;width:15%;left:5%;bottom:33%}.evacuate .group #evacuate-main{left:25%}.evacuate .group .dialog{width:31%;left:59%}.shelter .dialog.d-1 img{position:absolute;left:-25%;top:-57%;width:25%}.shelter .dialog.d-1{left:5%;bottom:15%;z-index:5}.shelter .group img:not(.shelter .dialog.d-1 img){left:22%}.shelter .dialog.d-2{left:67%;bottom:56%;width:24%}.shelter .sub-title{width:80%}.typhoon .content .group{justify-content:flex-start;height:80%}.typhoon .content{align-items:center;justify-content:flex-start;gap:3%}.main-1 .earthquake .img-group{width:20%;height:90%;bottom:5%;left:-5%}.main-1 .earthquake .img-group .closet{left:-138%}.main-1 .earthquake .content .dialog.d-4{left:75%;width:15%;bottom:30%}.main-1 .earthquake .wheelchair{left:170%;bottom:8%}.main-1 .earthquake .content .dialog.d-2{left:22%;width:15%;bottom:5%}.main-2 .info .content>.dialog{width:31%;left:30%}.main-2 .info .content .steps>.step{justify-content:center}.main-2 .evacuate .dialog.d-3{width:29%;left:63.5%;bottom:50%}.main-2 .earthquake .content .cover-head{left:39%}.main-2 .earthquake .content .cover-head img{width:20%;left:16%;bottom:-4%;z-index:109}.main-2 .no-power .sub-title{width:35%}.main-2 .no-power img{height:140%;left:43%}.main-2 .no-power .dialog.d-1{bottom:60%;width:30%;left:3%}.main-2 .no-power .dialog.d-2{left:58%;bottom:60%;width:34%}.main-2 .no-power .dialog.d-3{left:59%;width:33%;bottom:12%}.main-2 .phone img:nth-of-type(1){left:2%}.main-2 .phone .content img:nth-of-type(2){left:60%}.main-2 .phone .dialog.d-2{left:45%}.main-3 .check .content{justify-content:flex-start}.main-4 .require img{height:105%;left:42%}.button-group{width:12%}.button-group button{width:5vw;height:5vw}#progress-wheelchair{top:-100%}}@media all and (max-width: 1100px) and (max-height: 1440px){.main-1,.main-2,.main-3,.main-4,.main-5{align-items:center;padding-top:20%}.main-1>div,.main-2>div,.main-3>div,.main-4>div{margin-left:25vmin;height:75%}.button-group{width:20%;bottom:40px;right:5%}.button-group button{width:clamp(32px,7vw,120px);height:clamp(32px,7vw,120px)}#progress-wheelchair{width:20vw;top:-140%}.contact-net .content .group{height:100%}#cn-1>img{left:0%}#cn-3 .dialog{left:16%}#cn-3>img{left:30%}.main-1 .plan .content .group{height:100%}#pl-1>img{left:0%;height:100%;bottom:-28%}#pl-2>img{left:20%}#pl-2>img#breath{left:45%}#material-1{height:70%}#material-1>img:first-of-type{height:130%}#bag-1{height:70%}.backbag .sub-title{width:25%}#equip-1{width:100%;height:70%}#equip-1>img{height:145%}.medical .content .group{height:70%;width:50%}#medical-1>div.g-1{left:5%;bottom:110%}#medical-1>div.g-3{left:-5%;bottom:5%}#risk-1{width:100%;height:70%}.risk .content .img-group{bottom:100%}.evacuate .group #evacuate-exit{width:25%;left:0%}.evacuate .group .dialog{left:85%;width:30%}.shelter .dialog.d-2{left:95%}.main-1 .earthquake .img-group{bottom:8%}.main-1 .earthquake .content .dialog.d-2{left:27%;bottom:3%}.main-1 .earthquake .content .dialog.d-2 img{height:70%;position:absolute;right:-75%;top:-80%}.main-1 .earthquake .content .dialog.d-4{left:82%}.main-2 .earthquake .content .cover-head .dialog{left:10%}.main-2 .earthquake .content .cover-head img{width:60%}.main-2 .earthquake .content .steps .dialog.d-2{width:80%}.main-2 .no-power .dialog.d-1{bottom:60%}.main-4 .help-other img:first-of-type{height:62%}}@media all and (max-width: 1100px) and (max-height: 1200px){.main-1,.main-2,.main-3,.main-4,.main-5{padding-top:5%}.main-1 .earthquake:after,.main-2 .phone:after,.main-3 .help:after,.main-4 .seperate:after{width:160%!important}.main-1>div,.main-2>div,.main-3>div,.main-4>div{margin-left:200px!important}.main-1>div:first-of-type,.main-2>div:first-of-type,.main-3>div:first-of-type,.main-4>div:first-of-type{margin-left:0!important}footer{z-index:1;display:flex;height:28px;justify-content:center;align-items:center;width:100%;padding:1%;background-color:#fff;position:fixed;bottom:0;left:0}footer #zero-project{top:-45%;padding:3%;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:0 12px 12px 0}#main-content{top:15vh}.burger{top:60px}.button-group{width:16.5%;right:3%}#cn-1>img{height:60%;z-index:50;bottom:-9%;left:0%}#cn-2 .dialog{left:20%;bottom:70%;width:100%}#cn-2>img{height:65%;left:0%}#cn-3>img{height:30%;left:48%;bottom:2%}#cn-3>.dialog{width:90%;left:20%}.main-1 .plan .content{gap:1%}#pl-1 .dialog{bottom:65%}#pl-1>img{height:90%;left:-16%;bottom:-26%}#pl-2>img#breath{left:60%;height:30%;bottom:4%}#pl-2 .dialog{bottom:55%;left:60%}#pl-2>img{left:10%;height:100%;bottom:-28%}#bag-1{height:85%}#material-1>img:first-of-type{bottom:-62%;height:200%;left:15%}#material-1 .dialog.d-2{bottom:80%;left:45%;width:25%}#material-1 .dialog.d-3{width:25%;left:75%;bottom:40%}#material-1>img.sheet{right:4%;bottom:100%}#equip-1 .dialog.d-2{left:75%;bottom:40%;width:25%}#medical-1{height:120%}.medical .download-btn.db-1{left:41%}.medical .download-btn.db-2{left:58%}#bag-1 .img-group{right:5%;row-gap:8%}#bag-1>img{z-index:50;height:70%;left:-5%;bottom:-13%}#bag-1 .img-group>div img{height:70%}#bag-1 .dialog{bottom:110%}.main-1 .assistant-equipment,.main-1 .assistant-equipment .content{min-width:1000px}#equip-1 .dialog.d-2{left:70%;bottom:35%;width:22%}#medical-1>div.g-3{left:0%}.main-1 .animal,.main-1 .animal .content{min-width:1000px}#animal-1 .img-group{width:95%}#animal-1 .img-group>div{justify-content:center}#pet-name img,#pet-pic img{width:30%!important}#risk-1{height:100%}#risk-1 .dialog.d-3{left:85%}#risk-1 .dialog.d-4{left:89%;bottom:20%}#risk-1 img{left:15%}.risk .content .img-group{bottom:86%;width:40%}#risk-1 .dialog.d-1{width:38%}.main-1 .evacuate{min-width:1200px}.evacuate .group #evacuate-exit{left:-5%}.evacuate .group #evacuate-main{left:30%}.evacuate .group .dialog{left:75%;bottom:60%;width:40%}.shelter .dialog.d-1{left:10%}.shelter .dialog.d-2{width:25%;left:85%}.shelter .group img:not(.shelter .dialog.d-1 img){height:100%}.typhoon .content .group{justify-content:flex-start;height:60%}.main-1 .earthquake{min-width:1200px;margin-right:20vw}.main-1 .earthquake .content .dialog.d-2{left:20%;width:15%}.main-1 .earthquake .content .dialog.d-4{width:16%;left:86%;bottom:30%}.main-2 .earthquake{margin-left:10vw}.main-2 .earthquake .content .cover-head{width:55%;left:30%;bottom:20%}.main-2 .earthquake .content .cover-head img{bottom:-70%;left:25%}.main-2 .earthquake .content .cover-head .dialog{width:45%}.main-2 .earthquake .content .steps .dialog.d-2{left:200%;bottom:-180%}.main-2 .no-power .dialog.d-1{bottom:60%;left:0%}.main-2 .no-power .dialog.d-2{bottom:60%}.main-2 .no-power .dialog.d-3{left:70%}.main-2 .no-power img{height:140%;left:45%}.main-2 .evacuate .dialog.d-3{left:75%}.main-2 .report img:nth-of-type(1){height:45%;bottom:20%}.main-2 .evacuate img{left:23%;height:140%}.main-2 .report img:nth-of-type(2){bottom:35%;left:39%;width:25%}.main-2 .report img:nth-of-type(3){left:60%}.main-2 .report .dialog.d-2{left:63%;bottom:6%}.main-2 .phone{margin-left:8vw}.main-2 .phone img:nth-of-type(1){left:0%}.main-4 .help-other .dialog.d-1{left:50%}.main-4 .help-other img:first-of-type{height:75%}.main-4 .help-other img:last-of-type{right:-8%}.main-4 .help-other .dialog.d-2{left:72%;bottom:97%}.main-4 .seperate .dialog{left:5%}.main-4 .seperate img{height:95%}}@media all and (max-width: 1100px) and (max-height: 780px){.section-tabs>.selector{padding:.5% 3%}.main-1,.main-2,.main-3,.main-4,.main-5{padding-top:10%}.main-1>div,.main-2>div,.main-3>div,.main-4>div{height:80%;margin-left:10vmin}.button-group{width:12%;bottom:26px;right:3%}.button-group button{width:40px;height:40px}#progress-wheelchair{width:12vw;top:-140%;left:50%}#progress-wheelchair{width:15vw}.dialog .num{width:30px;height:30px;left:-15px;top:-15px;font-size:.9375rem}#wheel-chair{left:42%;top:34%}#document{left:5%;top:40%}#document img{width:100%}#help{left:18%;top:53%;width:20%}#recover{top:50%;width:20%}.contact-net .content .group{height:90%}.main-1 .plan .content{gap:1%}#pl-1 .dialog{bottom:70%}#pl-1>img{height:115%;bottom:-32%}#pl-2>img{left:-10%;height:140%;bottom:-40%}#pl-2 .dialog{left:55%}#pl-2>img#breath{left:47%}#material-1{width:100%}#material-1>img.sheet{bottom:80%}#material-1>img:first-of-type{bottom:-62%;height:200%;left:17%}#material-1 .dialog.d-2{left:40%}.backbag .content{align-items:center}.backbag .sub-title{width:20%}#bag-1 .dialog{bottom:115%;left:25%;width:80%}#bag-1>img{z-index:50;height:100%;left:-1%;bottom:-40%}#bag-1 .img-group{width:80%;right:0%}#bag-1 .img-group>div img{height:50%}.assistant-equipment .sub-title{width:30%}#equip-1>img{height:210%;left:35%}#equip-1 .dialog.d-2{bottom:80%}.medical .download-btn.db-1{left:41%}.medical .download-btn.db-2{left:59%}.medical .content .group{width:50%;height:90%}#risk-1{height:100%}#risk-1 img{height:90%}.risk .content .img-group{bottom:100%;width:25%}#risk-1 .dialog.d-1{bottom:50%}#risk-1 .dialog.d-3{left:75%;width:25%;bottom:55%}#risk-1 .dialog.d-4{width:17%;left:75%;bottom:20%}.evacuate .group .dialog{left:65%}.evacuate .group #evacuate-exit{width:20%;left:0%;bottom:30%}.shelter .dialog.d-2{left:70%;bottom:60%;width:30%}.shelter .group{width:100%}.main-1 .earthquake .img-group{bottom:15%}.main-1 .earthquake .content .dialog.d-1{bottom:70%}.main-1 .earthquake .content .dialog.d-2{left:22%;width:15%;bottom:24%}.main-1 .earthquake .content .dialog.d-2 img{right:-60%}.main-2 .no-power{margin-left:20vmin}.main-2 .evacuate .dialog.d-3{width:25%;left:69%;bottom:45%}.main-2 .earthquake .content .cover-head{bottom:25%}.main-2 .earthquake .content .cover-head img{bottom:-77%;width:40%}.main-4 .help-other img:first-of-type{height:70%}.main-4 .help-other .dialog.d-1{left:40%;width:30%;bottom:50%}.main-4 .help-other img:last-of-type{right:6%}.main-4 .require .dialog.d-2{bottom:21%}.main-3 .check .content .dialog{top:-30%}}@media all and (max-width: 1050px) and (max-height: 620px){#material-1>img.sheet{bottom:100%}.backbag .content{align-items:flex-start}#bag-1 .img-group{bottom:30%;width:88%;right:-5%}#animal-1 .img-group{row-gap:3%}#bag-1 .img-group>div img{height:40%}.main-1 .animal .content .group{justify-content:flex-start}#animal-1 .img-group>div img{width:30%!important}#risk-1 img{left:25%}.evacuate .group #evacuate-exit{width:15%;left:4%;bottom:15%}.shelter .dialog.d-2{left:65%;bottom:30%;width:30%}.typhoon .content{justify-content:flex-start}.typhoon .content .group{height:100%}.main-1 .earthquake .content .dialog.d-4{left:76%}}@media all and (max-width: 960px) and (max-height: 1400px){.main-1,.main-2,.main-3,.main-4,.main-5{padding-top:20%}.main-1>div,.main-2>div,.main-3>div,.main-4>div{height:80%;justify-content:flex-end}.contact-net .content .group{height:80%}}@media all and (max-width: 960px) and (max-height: 430px){.main-1>div,.main-2>div,.main-3>div,.main-4>div{min-width:1000px}.main-1 .content,.main-2 .content,.main-3 .content,.main-4 .content{min-width:1000px}.dialog{padding:1.2% 1.5%}.dialog .num{width:clamp(24px,5vmin,45px);height:clamp(24px,5vmin,45px);font-size:clamp(.875rem,1.5vmin,2.5rem);left:-14px;top:-14px}.burger{height:40px}.burger>.selector{height:40px}.burger>.tab,.burger>.selector{min-height:40px}.burger:hover{height:240px}.contact-net .content{justify-content:flex-start;gap:1%}#cn-1 .dialog{bottom:50%}#cn-3 .dialog{left:25%}#cn-3>img{left:70%;bottom:10%}#pl-1>img{height:80%}#pl-1 .dialog{bottom:65%}#material-1>img:first-of-type{bottom:-47%;height:150%;left:20%}#material-1 .dialog.d-2{width:30%;left:35%;bottom:40%}#material-1>img.sheet{bottom:70%}#bag-1 .img-group>div img{width:40%}#bag-1 .dialog{width:70%;bottom:110%;left:25%}#bag-1>img{height:60%;left:0%}.assistant-equipment .sub-title{width:35%}#equip-1>img{left:40%;height:160%}#pl-2>img{height:140%;bottom:-40%}#pl-2 .dialog{left:10%}#pl-2>img#breath{height:40%;left:25%}.medical .sub-title{width:30%}}@media all and (max-width: 1000px) and (orientation: portrait){#progress .bar{display:none}#sidebar{height:-webkit-fill-available;height:calc(100vh - env(safe-area-inset-bottom))!important;height:var(--app-height);width:100%;left:-100%;border-radius:0}#sidebar .list button{font-size:clamp(.875rem,3vmin,1.875rem)}#sidebar.active .right-btn{left:90%}}@media all and (max-width: 900px) and (max-height: 400px){h1 img{width:75%}.burger{top:40px}.navbar{padding:1%}.dialog{font-size:.75rem;padding:3px}.dialog .num{font-size:.5rem;left:-18px;top:-14px}#progress .bar{height:5px}.download-btn{padding:5px;font-size:.5rem}.main-1,.main-2,.main-3,.main-4,.main-5{padding-top:1%;align-items:flex-end}.main-1>div,.main-2>div,.main-3>div,.main-4>div{margin-left:10vmin}.main-1 .title,.main-2 .title,.main-3 .title,.main-4 .title,.main-5 .title,.main-1 .sub-title,.main-2 .sub-title,.main-3 .sub-title,.main-4 .sub-title,.main-5 .sub-title{font-size:.875rem}.main>div:after{border-top:2px solid #1e6e67!important}.backbag .content{align-items:center}.medical .content .group{height:100%}.main-1 .animal .content{height:70%}#risk-1{height:100%}#risk-1 img{left:25%;height:90%}#risk-1 .dialog.d-1{bottom:40%}.risk .content .img-group{bottom:100%;width:20%}#risk-1 .dialog.d-3{left:70%;width:30%;bottom:40%}.evacuate .group #evacuate-exit{width:11%;left:10%;bottom:20%}.evacuate .group .dialog{left:57%;width:21%;bottom:25%}.typhoon .content{height:70%;justify-content:flex-start;align-items:start}.shelter .dialog.d-2{width:20%;left:55%;bottom:35%}.typhoon .content .group img{margin-bottom:23%;width:37%}.main-1 .typhoon .content .group .dialog{padding:5px}.main-1 .typhoon .content .group .dialog .num{top:-15px;left:-15px}.main-1 .earthquake .content{height:70%}.main-1 .earthquake .main{height:110%}.main-1 .earthquake .content .dialog.d-2{left:38%}.main-1 .earthquake .content .dialog.d-2 img{height:30%;position:absolute;right:-35%;top:-40%}}@media (max-width: 900px){#progress-wheelchair{display:none}}@media (max-width: 900px) and (max-height: 500px) and (orientation: landscape){#show-when-too-short{background-color:#fff;width:100vw;height:-webkit-fill-available;height:calc(100vh - env(safe-area-inset-bottom));height:var(--app-height);opacity:1;display:flex;justify-content:center;align-items:center}}@media all and (max-width: 860px) and (max-height: 1201px){#sidebar .list button{margin-bottom:3.5%}.button-group{width:22%}.button-group button{width:7vw;height:7vw}#progress-wheelchair{z-index:4;position:absolute;left:34%;top:-131%;transform:scaleX(-1) translate(50%);width:21vmin;transition:all .3s}main>.main{align-items:center}.main-1>div,.main-2>div,.main-3>div,.main-4>div{height:80%}#wheel-chair{left:50%;top:50%;width:30vmin;z-index:0}#document{top:40%}#response{right:-5%}#help{left:13%;top:60%;width:30%}#recover{right:8%;top:60%;width:25%}.typhoon .content .group{width:20%}.contact-net .content .group{height:100%}#cn-1>img{height:50%;left:10%;z-index:-1}#cn-2>img{height:55%;left:10%}#cn-3>img{height:25%;min-width:120px;z-index:500;left:40%;bottom:8%}#pl-1>img{height:85%;left:0%;bottom:-23%}#pl-1 .dialog{left:20%;width:41%;bottom:55%}#pl-2 .dialog{bottom:50%;width:60%}#pl-2>img#breath{left:60%}#material-1{width:100%}#material-1>img:first-of-type{bottom:-50%;height:160%;left:15%}#material-1 .dialog.d-2{bottom:45%}#material-1 .dialog.d-3{width:25%;left:70%;bottom:30%}#material-1>img.sheet{right:10%;bottom:70%}#bag-1 .dialog{bottom:100%}#bag-1>img{z-index:50;height:50%;left:0%;bottom:-10%}#equip-1{width:100%}#equip-1 .dialog.d-1{left:0%;width:20%}#equip-1 .dialog.d-2{left:75%;bottom:40%;width:23%}#equip-1>img{left:20%;height:150%}.medical .content .group{width:50%;height:110%}#medical-main-img img{height:110%}#medical-1>div.g-1{bottom:80%}#medical-1>div.g-2{bottom:40%}#medical-1>div.g-3{left:10%}#risk-1{width:100%}#risk-1 img{left:5%;height:76%}#risk-1 .dialog.d-3{left:95%}#risk-1 .dialog.d-4{left:94%}.evacuate .group #evacuate-exit{z-index:5;width:25%;left:-15%;bottom:35%}.evacuate .group .dialog{left:90%;bottom:63%;width:41%}.shelter .group{width:100%}.shelter .dialog.d-2{left:70%;bottom:72%}.main-1 .earthquake .content .dialog.d-3{left:69%;bottom:80%}.main-1 .earthquake .content .dialog.d-4{width:15%;left:95%;bottom:30%}.main-2 .info .content .steps>.step{height:50%}.main-2 .earthquake .content .cover-head{height:60%;width:60%;left:30%;bottom:0%}.main-2 .earthquake .content .cover-head img{width:50%;left:20%;bottom:-85%}.main-2 .earthquake .content .cover-head .dialog{margin-bottom:10%}.main-2 .no-power img{height:130%;left:45%}.main-2 .no-power .dialog.d-1{bottom:50%}.main-2 .evacuate img{left:20%}.main-2 .evacuate .dialog.d-1{left:0%}.main-2 .evacuate .dialog.d-2{left:3%}.main-2 .evacuate .dialog.d-3{width:23%}.main-2 .report img:nth-of-type(1){left:15%}.main-2 .report img:nth-of-type(2){bottom:30%;left:36%;width:35%}.main-2 .report img:nth-of-type(3){left:57%}.main-2 .report .dialog.d-2{left:60%;width:20%}.main-2 .phone img:nth-of-type(1){height:80%;left:0%}.main-3 .check .content .check-group img{width:65%}.main-3 .check .content .dialog{top:-10%}.main-4 .help-other img:first-of-type{height:70%;left:0%;bottom:-1%}.main-4 .help-other .text{left:9%;bottom:61%}.main-4 .help-other .dialog.d-1{width:25%;left:55%;bottom:10%;height:auto}.main-4 .help-other .dialog.d-2{width:33%}.main-4 .seperate img{z-index:90;height:90%;position:absolute;right:5%;bottom:-1%}}@media all and (max-width: 750px) and (max-height: 460px){footer #zero-project{top:-85%;padding:1.3%;border-radius:0 12px 12px 0}.main-0 .title{font-size:3rem;margin-bottom:10px}.main-0 .pill{padding:2% 10%}.dialog{font-size:.625rem}.dialog .num{width:20px;height:20px;font-size:.75rem;left:-12px;top:-12px}.navbar{padding:1%}.navbar .nav_burger{margin-right:5px}.navbar .left img{width:70%}.main-1 .title,.main-2 .title,.main-3 .title,.main-4 .title,.main-5 .title{margin-bottom:5px}.burger{top:38px;height:25px}.burger:hover{height:150px}.burger>.tab,.burger>.selector{height:25px;min-height:25px;font-size:.625rem;font-weight:400;line-height:125%}.burger>.tab{border:.5px solid #b5d8d4}.download-btn{top:calc(100% + 1vh);font-size:.625rem;font-weight:500;padding:2px 4px}.download-btn img{width:15%}.download-btn br{display:none}#main-content{left:1vw}.button-group{right:1%;bottom:10px;width:10%}.button-group button{width:5vw;height:5vw}#progress-wheelchair{top:-100%}main>.main{padding-top:8.5%;align-items:flex-start}.main-1>div,.main-2>div,.main-3>div,.main-4>div{height:80%;margin-left:5vw;min-width:1100px}#wheel-chair{left:43%;top:35%;width:26vmin}#prepare{top:5%}#response{right:-3%;top:0%}#document img{width:140%}#help{justify-content:center;align-items:center;left:15%;top:55%;width:18%}#recover{right:8%;top:45%;width:20%}.contact-net .content .group{height:80%}#cn-1 .dialog{bottom:68%;left:5%}#cn-1>img{height:80%;left:35%}#cn-2 .dialog{bottom:80%}#cn-2>img{height:75%;bottom:-3%;left:44%}#pl-1>img{height:135%;left:10%;bottom:-35%}#pl-1 .dialog{bottom:70%}#pl-2>img{left:-8%;height:160%;bottom:-48%}#pl-2 .dialog{left:16%;bottom:70%}#pl-2>img#breath{height:60%}}@media all and (max-width: 450px) and (max-height: 900px){#animal-1 .img-group>div>div span:first-of-type{margin-top:1px}#animal-1 .img-group>div img{height:90px}.main-1>div,.main-2>div,.main-3>div,.main-4>div{margin-left:25vw!important}.main .sub-title{width:23%}.button-group{bottom:30px}.button-group button{width:9vw;height:9vw}#progress-wheelchair{z-index:4;position:absolute;left:41%;top:-112%;transform:scaleX(-1) translate(50%);width:25vmin;transition:all .3s}.navbar .nav_burger{margin-right:0}.main-0 .title-group{top:5%}#main-content{top:10vh}#prepare{left:5%;top:19%}#response{right:-9%;top:15%}#dp{top:40%}#document{top:55%;justify-content:center;align-items:center}#document img{width:150%}#help{left:27%;top:65%;width:35%;justify-content:center;align-items:center}#recover{right:5%;top:55%;width:35%}#the-nav div.arrow-right{margin-right:10%;width:0;height:0;border-top:1.3vw solid transparent;border-bottom:1.3vw solid transparent;border-left:1.3vw solid #1e6e6700;transition:all .2s}#the-nav li:hover div.arrow-right:not(.active){border-left:1.3vw solid #00577151}#the-nav div.arrow-right.active{border-left:1.3vw solid #005671}#the-nav{top:7%;left:53%;padding:2%}.main-1,.main-2,.main-3,.main-4,.main-5{padding-top:20%}.main-1>div,.main-2>div,.main-3>div,.main-4>div{height:70%;min-width:1100px;justify-content:flex-start}.main-1 .content,.main-2 .content,.main-3 .content,.main-4 .content{justify-content:flex-start}.dialog .num{left:-20px;top:-20px}.contact-net .content{gap:8%}#pl-1>img{bottom:-25%}#pl-2>img#breath{left:45%;width:25%}#material-1>img:first-of-type{bottom:-55%}#material-1 .dialog.d-2{bottom:70%;left:40%}#material-1{height:90%}#material-1>img:first-of-type{left:12%;height:175%}#material-1>img.sheet{bottom:70%}#bag-1>img{height:80%;left:-5%;bottom:-36%}#bag-1 .dialog{width:70%}#bag-1 .img-group{right:1%;row-gap:1%;width:80%}#bag-1 .img-group>div{white-space:nowrap}#bag-1 .img-group>div img{width:60%}#equip-1>img{height:100%;left:25%}#equip-1 .dialog.d-2{left:50%}#risk-1 img{left:20%}#risk-1 .dialog.d-1{width:30%;bottom:40%}#risk-1 .dialog.d-3{left:75%;bottom:50%}#risk-1 .dialog.d-4{left:79%;bottom:10%}.risk .content .img-group{bottom:83%;width:35%}.medical .sub-title{width:30%}.medical .g-3 .dialog{left:-5%}.medical .download-btn.db-1{left:40%}.medical .download-btn.db-2{left:59%}#medical-1>div.g-1 img{width:20%}#medical-1>div.g-2 img{width:11%}.main-1 .evacuate{min-width:1000px}.evacuate .group #evacuate-exit{z-index:5;width:50%;left:10%;bottom:25%}.evacuate .group #evacuate-main{left:75%;height:120%}.evacuate .group .dialog{left:169%;width:50%}.shelter .dialog.d-2{width:20%;left:64%;bottom:80%}.typhoon .content .group{justify-content:flex-start;height:90%}.main-1 .earthquake .content{justify-content:center}.main-1 .earthquake .img-group{bottom:15%;height:80%}.main-1 .earthquake .content .dialog.d-3{bottom:88%;left:60%}.main-1 .earthquake .content .dialog.d-4{width:16%;left:71%;bottom:45%}.main-1 .earthquake .content .dialog.d-2{left:24%;width:13%;bottom:21%}.main-2 .info .content{align-items:center}.main-2 .info .content .steps>.step{height:60%}.main-2 .no-power img{height:145%;left:47%}.main-2 .phone img:nth-of-type(1){height:95%}.main-2 .earthquake .content .steps img:not(.earthquake .content .dialog.d-2 img){left:105%}.main-2 .earthquake .content .steps .dialog.d-2{left:220%;bottom:-95%}.main-2 .earthquake .content .steps .dialog.d-2 img{left:-20%}.main-2 .earthquake .content .cover-head{left:16%;bottom:20%}.main-2 .earthquake .content .cover-head img{width:34%;left:28%;bottom:-130%}.main-3 .check .content .check-group{font-size:.875rem}.main-3 .check .content .dialog{top:-20%}.main-4 .help-other .dialog.d-1{left:35%;z-index:2}.main-4 .help-other .dialog.d-2{left:62%}.main-4 .help-other img:last-of-type{right:0%}.main-4 .require img{left:40%;z-index:-1}.main-4 .require .dialog.d-2{left:10%;bottom:20%}.main-4 .seperate img{right:30%}.main-5{padding-top:20%}.main-5 .content{flex-direction:column;justify-content:flex-start}.main-5 .content>a{width:22vmax}.main-5 .content .text{display:flex;justify-content:center;align-items:center;white-space:nowrap;font-size:.875rem}.main-5 .content .img-group{margin-bottom:20px}.main-5 .content .img-group.i2{padding-top:0}.main-5 .content .img-group img:last-of-type{width:4vmax;padding:5%;background-color:#1e6e67;border-radius:9999px;box-shadow:0 4px 8px rgba(14,39,37,.25);position:absolute;right:-15px;bottom:-15px}}@media all and (max-width: 400px) and (max-height: 860px){#bag-1>img{height:80%;left:-2%;bottom:-15%}#equip-1>img{left:25%;height:120%}#risk-1 .dialog.d-1{left:0%;bottom:50%;width:34%;font-size:.875rem}.main-2 .evacuate .dialog.d-3{width:25%;left:55%;bottom:50%}.shelter .group img:not(.shelter .dialog.d-1 img){left:26%;height:120%}.shelter .dialog.d-2{width:20%;left:64%;bottom:100%}.main-1 .typhoon .content{align-items:center}.main-1 .earthquake .img-group{width:50%;height:100%;bottom:10%}.main-1 .earthquake .wheelchair{left:90%}.main-1 .earthquake .img-group .closet{left:-15%;bottom:-2%}.main-1 .earthquake .content .dialog.d-2{left:32%;bottom:28%;width:12%}.main-1 .earthquake .content .dialog.d-4{left:73%}.main-2 .info .content{gap:5%}.main-2 .info .content .steps>.step{height:100%}.main-2 .report img:nth-of-type(2){bottom:10%;left:33%;width:20%}.main-2 .report img:nth-of-type(3){left:50%}.main-2 .report .dialog.d-2{left:52%;width:20%}.main-3 .check .content>div:first-of-type>.check-group{height:40%}.main-3 .check .content .check-group>div{margin-bottom:1%}.main-4 .help-other .text{left:6%;bottom:70%}.main-4 .help-other img:first-of-type{height:80%}.main-4 .help-other .dialog.d-1{width:20%;left:38%}.main-4 .help-other .dialog.d-2{left:60%}.main-4 .help-other img:last-of-type{right:5%}.main-4 .seperate .dialog{left:5%;width:25%}.main-4 .seperate img{right:30%;height:110%}.main-5 .content .img-group{width:70%}.main-5{padding-top:19%}.main-5 .content{gap:5%}}@media all and (max-width: 860px) and (max-height: 650px){#pl-2>img#breath{left:40%}#bag-1 .img-group{gap:0%}#bag-1>img{z-index:50;height:80%;left:0%;bottom:-30%}}@media all and (max-width: 350px) and (max-height: 580px){.main-1,.main-2,.main-3,.main-4,.main-5{padding-top:15%}.dialog{padding:10px}.download-btn br{display:none}#cn-1 .dialog{bottom:55%}#pl-2>img#breath{left:40%}#bag-1 .img-group{row-gap:0%}#bag-1 .img-group>div img{height:55%}#bag-1{height:80%}#equip-1>img{height:240%;left:30%}.medical .content .group{height:130%}.medical .download-btn.db-1{left:39%}.medical .download-btn.db-2{left:60%}#risk-1 img{left:25%;height:96%}#risk-1 .dialog.d-3{bottom:35%}#risk-1 .dialog.d-4{bottom:8%}.evacuate .group .dialog{left:169%;bottom:35%;width:60%}.typhoon .content .group{height:110%}.main-1 .content .group>img{bottom:-40px}.main-2 .info .content .qrcode{justify-content:center}.main-2 .info .content .qrcode img{width:70%}.main-2 .info .content>.dialog{width:50%}.main-2 .earthquake .content .steps{top:1%}.main-2 .earthquake .content .cover-head{bottom:30%}.main-2 .earthquake .content .cover-head .dialog:first-of-type{margin-bottom:5%}.main-2 .evacuate .dialog.d-3{left:55%}.main-3 .check .content .check-group img{width:40%}.main-5 .content .text{font-size:.75rem}.main-5 .content>a{width:25%}.main-5 .content .img-group img:last-of-type{width:40%;right:-9px;bottom:-10px}.main-5 .content .img-group{margin-bottom:10px}}@media (max-width: 1100px){.main{padding:60px 0 0 30px}#recover{right:5%}#progress-wheelchair{height:20vh;bottom:-150%}.button-group{width:80px}.button-group button{width:32px;height:32px}.main:nth-child(2n)>div:after{bottom:-90px}.backbag .sub-title{width:320px;padding-right:30px}#bag-1{float:left;display:block}#bag-1 .dialog{width:220px;top:35px;bottom:auto;left:60px;float:left}#bag-1 .img-group{width:calc(100vw - 320px);float:left;position:relative;grid-template-columns:repeat(4,1.5fr) 2fr;grid-template-rows:repeat(3,1fr);gap:.55%;top:-40px;left:300px}#bag-1 .img-group>div img{height:10vh}#bag-1>img{z-index:50;height:100%;left:-10%;bottom:-20%;max-height:180px}#risk-1 .dialog.d-1{width:30%;height:auto}#risk-1 .dialog.d-3{bottom:60%}}@media (max-width: 767px){#prepare img,#response img,#document img,#help img,#recover img{max-width:200px;width:80%}#response img{top:90%;right:0}#help{width:30%;left:20%;top:65%}#recover{right:0}}@media (max-width: 480px){#prepare{left:5%;top:17%}#document{left:8%;top:45%;width:25%}#response{right:-5%;top:15%}}@media (max-height: 700px){.contact-net .content{padding-top:30px}.plan .content{padding-top:35px}#risk-1 .dialog.d-3,#risk-1 .dialog.d-4{right:10%}.evacuate .group .dialog{right:20%}.earthquake .content .dialog.d-2{bottom:20%}.earthquake .content .dialog.d-4{right:10%}}@media all and (max-width: 450px) and (max-height: 900px){.main-3 .help,.main-3 .help .content{min-width:600px}.main-3 .help .sub-title{width:50%}.main-4 .require,.main-4 .require .content{min-width:800px}.main-4 .require .sub-title{width:35%}.main-4 .require .dialog.d-1{bottom:60%;width:30%}.main-4 .require .dialog.d-2{bottom:15%;width:30%}.main-4 .require img{left:45%}.main-4 .seperate,.main-4 .seperate .content{min-width:800px}.main-4 .seperate img{right:5%}}@media all and (min-width: 450px) and (max-width: 1900px){.main-1 .earthquake .content .dialog.d-2{left:33%}}@media all and (min-width: 1901px){.main-1 .earthquake .content .dialog.d-2{left:36%}}@media all and (min-width: 450px) and (max-width: 1500px){.main-1 .earthquake .content .dialog.d-2{left:28%;bottom:26%}}@media all and (max-width: 1024px){.main-3 .help .content img{height:100%;left:5%}}.main-5 .content{overflow:auto;padding-bottom:100px}