:root{color:#1e6e67}html{overflow:hidden}.cursor{display:none}a{color:#58bcbd}::-webkit-scrollbar{z-index:9999}#the-nav{left:auto;right:2%;padding:2%}.centralized-fz{font-size:clamp(.875rem,2vmin,1.125rem)}.scroll-indicator{background-color:#005671;padding:10px;position:sticky}body{transform:none;transform-style:flat;border:1px solid transparent;width:100vw;background-color:#d1f5f8}header{position:fixed;top:0;left:0;width:100%;z-index:1000}a.outer-link{color:#1e6e67;text-decoration:none}main{margin-top:50px;padding-top:40px;display:flex;justify-content:center;align-items:flex-start}.main{padding:0 20px}#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:100%;height:100%!important;z-index:99999;position:fixed;left:-100%;top:51.5px;background-color:#1e6e67;transition:all .3s}#sidebar.active{left:0%;width:100%}#sidebar.active>button img{transform:scaleX(-1)}#sidebar.active>button{left:unset;right:5px}#sidebar>button{cursor:pointer;display:block;position:fixed;left:0%;top:45%;height:60px;border-radius:0 10px 10px 0;background-color:#1e6e67;padding:15px}@media all and (max-width: 1000px) and (orientation: portrait){#progress .bar{display:none}#sidebar{height:-webkit-fill-available;height:100vh!important;height:var(--app-height)!important;width:100%;left:-100%;border-radius:0}#sidebar .list button{font-size:clamp(.875rem,3vmin,1.875rem)}#sidebar.active .right-btn{left:90%}}#sidebar .list{padding:10% 5%;width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;max-height:90%;overflow-y:auto}#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:15vh;left:2vw;z-index:25;opacity:1}.navbar{position:relative;z-index:1000}.section-tabs,.burger{position:fixed;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:1}.section-tabs.normal{min-width:600px}.burger{max-width:100%}.section-tabs>.tab,.section-tabs>.selector{padding:.5% 6%;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:100%;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:59px;flex-direction:column;width:100%;transition:all .3s;background-color:transparent;z-index:110}.burger.active{height:250px}.burger.active>.selector img{transform:rotate(180deg)}}h2{display:inline-block}.main-0{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:90vh;min-height:90vh}.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%)}#blind-main{position:absolute;z-index:100;left:50%;top:58%;width:400px;transform:translate(-50%,-50%)}.section-group{display:flex;flex-direction:column;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;gap:8px;z-index:99;cursor:pointer}#prepare{position:absolute;left:5%;top:12%;width:250px}#prepare img{width:100%}#response{position:absolute;left:2%;top:59%;width:250px}#response img{width:100%}#help{position:absolute;right:3%;top:10%;width:250px}#help img{color:#b5d8d4;width:100%}#help>.pill{position:relative;right:5%;top:4vw}#recover{position:absolute;right:3%;top:60%;width:250px}#recover img{width:100%}.main-1,.main-2,.main-3,.main-4,.main-5{z-index:21;left:100%;opacity:1;background-color:#d9f4f1;width:100%;display:none;justify-content:start;align-items:center;padding-bottom:3rem}#progress{height:0vh;position:absolute;z-index:20;bottom:-100%;left:0%;width:100%;display:none;justify-content:start;align-items:end}#progress-blindMain{z-index:4;position:absolute;left:31%;bottom:1rem;transform:translate(-50%);width:12vw;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 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:none;justify-content:start;align-items:center;z-index:1}#progress .bar .percent{height:100%;width:3%;background-color:#1e6e67;transition:all .3s}.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-bottom:40px;position:relative}.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{opacity:1}.main-1 .title,.main-2 .title,.main-3 .title,.main-4 .title,.main-5 .title{align-self:start;margin:20px 0;padding:4px 20px;line-height:150%;font-size:clamp(1rem,3vmin,3rem);letter-spacing:.08em;color:#1e6e67;background-color:#fff;border:3px solid #1e6e67;border-radius:9999px;opacity:1;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:1;margin-bottom:20px}.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;margin:20px 0;transform:translate(15px);width:calc(100% - 15px)!important}.dialog .text{display:block}.dialog .num{width:clamp(30px,5vmin,36px);height:clamp(30px,5vmin,36px);position:absolute;left:-1rem;top:-1rem;background:#1e6e67;border-radius:9999px;font-size:1.125rem;font-weight:700;display:flex;justify-content:center;align-items:center;text-align:center;letter-spacing:.08em;color:#fff}.contact-net{margin-left:0!important}.contact-net .content{padding:5% 0 3%}.contact-net .dialog{position:relative;margin:17.25px 0}.contact-net .dialog:first-child{margin-top:35px}.contact-net .content .group{min-width:-moz-fit-content;min-width:-webkit-fill-available;min-width:fit-content;width:28%;height:100%}.contact-net .col-6:nth-child(1){padding-left:20px}.main-1 .contact-net .content .group{margin-right:5rem}#cn-2 img{width:100%}#cn-2 .pic_position{width:100%;max-height:30vh;left:5vw;bottom:1rem}.main-1 .plan .content{justify-content:flex-start;gap:5%}.main-1 .plan .content .group{align-items:start;width:40%}.plan .dialog{position:relative}.plan .content-dialog{margin:20px 0;width:100%}.content-dialog{font-size:clamp(.875rem,2vmin,1.125rem);border:1px solid #58BCBD;box-shadow:6px 6px #58bcbd;background-color:#fff;color:#1e6e67;padding:15px;line-height:150%;text-align:left}#pl-2 .pic_position{margin:20px 0;width:100%;max-height:35vh}.position-relative{position:relative}.position-absolute{position:absolute}.h-100{height:100%}.flex-grow-1{flex-grow:1}.flex-grow-0{flex-grow:0}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.text-center{text-align:center}.text-end{text-align:end}.flex-column{flex-direction:column}.justify-content-space-around{justify-content:space-around}.justify-content-center{justify-content:center}.justify-content-end{justify-content:end}.justify-content-between{justify-content:space-between!important}.align-items-start{align-items:start!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-items-flex-end{align-items:flex-end!important}.mx-auto{margin-left:auto;margin-right:auto}.main-1 .storage .content{z-index:50}.storage img{width:60%;margin:20px 0}.storage .content-dialog{margin:20px 0}.storage #storage-content div{min-width:auto}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.w-100{width:100%}.w-50{width:50%}.col-1{width:8.333333333%}.col-2{width:16.666666667%}.col-3{width:25%}.col-4{width:33.333333%}.col-5{width:41.666666667%}.col-6{width:50%}.col-7{width:58.333333333%}.col-8{width:66.666666667%}.col-9{width:75%}.col-10{width:83.333333333%}.col-11{width:91.666666667%}.col-12{width:100%}@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)}}.backbag .sub-title{max-width:none;margin-bottom:20px}.backbag .content{z-index:50;align-items:start;color:#1e6e67}.backbag .pic_block img{height:10vh}.backbag .pic_height{font-size:clamp(.875rem,1.8vmin,1.125rem);line-height:150%;margin:20px 0}.backbag .pic_height img{height:10vh}.backbagTitle{margin-top:20px;margin-bottom:15px;font-size:1.125rem}#backbagCircle{width:260px;height:260px;background-color:#eefafa;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:20px auto}#backbagCircle img{max-width:55%}#backbagCircle div{max-width:80%;font-size:clamp(.875rem,1.8vmin,1.125rem);line-height:150%;margin-bottom:30px;transform:translateY(-14px)}#support-2{align-items:stretch;color:#1e6e67;line-height:150%}#support-2 .col-6{margin:30px 0}.assistant-equipment .content{z-index:41}.assistant-equipment .pic-height{max-height:22vh}.assistant-equipment .pic-height img{height:80%}.assistant-equipment .dialog{position:relative}.rescue-dog .col-6{padding:10px 30px;text-align:center}.rescue-dog img{width:80%;max-width:100px}#rescue-dog-content p{margin:40px 0 0;line-height:150%;font-size:clamp(.875rem,2vmin,1.125rem)}.rescue-dog .text-center{font-size:clamp(.875rem,2vmin,1.125rem)}.rescue-dog .content-dialog{margin-bottom:40px}.rescue-dog .col-7 img{height:70%;max-height:180px}.rescue-dog .col-7 .text-center{max-height:16vh}#rescue-dog-content img{width:60%;max-width:unset}.risk .content-dialog.margin-top{margin-top:52px}#risk-content{margin-top:32px;line-height:150%;font-size:clamp(.875rem,2vmin,1.125rem)}.risk .pic_size{width:100%;margin:30px 0}.earthquake{font-size:clamp(.875rem,2vmin,1.125rem)}.earthquake .content-dialog.margin-top{margin-top:20px}.earthquake .content-dialog.marginY{margin-top:30px;margin-bottom:40px}.earthquake .pic_size{width:100%;margin:20px 0 30px}.earthquake .marginTopBig{margin-top:40px}.typhoon .col-12{text-align:center}.typhoon img{margin:0 20px;width:40%}.typhoon .content-dialog{margin:20px 0 0}.shelter .marginY{margin:20px 0}.shelter img{max-width:95%}.contain-1 .col-5{height:95%}.contain-1 img{width:80%;margin:20px 0}.contain-2 .marginY{margin:0 0 20px}.contain-2 img{margin-bottom:20px;width:100%}.info .mobile-show img{width:60%}.info li{line-height:150%;font-size:clamp(.875rem,2vmin,1.125rem)}.info .sub-title{margin-bottom:40px}.info .bg-pic img{width:100%;margin:20px 0}.info .dialog{position:relative}.info .col-8{padding-left:20px}.info .col-8 li:first-child{margin-bottom:5px}.info .col-8 .dialog{margin-top:30px;margin-bottom:20px}.info .col-3 .dialog{margin:20px 0}.earthquake-coming .col-6 .col-6:first-child{padding-left:20px}.earthquake-coming .content-dialog{margin:25px 0}.earthquake-coming .dialog{position:static;margin-top:40px;width:fit-content}.earthquake-coming .earthquake-undertable{width:100%}.earthquake-coming .earthquake-description{margin:40px 0 0}.earthquake-coming .earthquake-description:last-child{margin-bottom:40px}.earthquake-coming .earthquake-description .content-dialog{margin:0}.earthquake-coming .earthquake-description img{width:60%}.earthquake-coming .earthquake-description .earthquake-pic-group:last-child{transform:translateY(40px)}.earthquake-coming .earthquake-description .earthquake-pic-group{width:40%}.earthquake-coming .col-6>p{margin:15px 0 10px}.earthquake-pic-group:first-child{transform:translateY(-60px)}.hideaway .content{padding:0 40px}.hideaway .content .col-4{padding:0 3rem}.hideaway .hideaway-pic{width:320px}.save-contact .content-dialog{margin:20px 0}.save-contact img{width:100%}.comment-position{line-height:150%;margin:20px 0;font-size:clamp(.875rem,2vmin,1.125rem)}.typhoon-afterCheck .checkImg,.earthquake-afterCheck .checkImg{width:100%}.earthquake-afterCheck .col-6{padding:0 15px}.earthquake-afterCheck .img-info{width:40%;font-size:clamp(.875rem,2vmin,1.125rem)}.earthquake-afterCheck .col-12 .d-flex{margin:20px 0 40px}.earthquake-afterCheck .content{font-size:clamp(.875rem,2vmin,1.125rem)}.earthquake-afterCheck .content-dialog{margin:20px 0}.after-recover .content-dialog{margin:0 0 20px}.after-recover img{width:100%}.require .require-img{width:80%;margin:20px 0}.require .dialog{position:relative;margin:40px 0}.first-mt{margin-top:20px}.help-blind .dialog{position:relative;width:80%;margin:0 0 40px}.help-blind .col-6:first-child{padding-left:20px}.help-blind img{width:80%}.when-in-shelter .dialog{position:relative;width:80%;margin:0 0 40px}.when-in-shelter img{width:80%;margin:20px 0}.contain-1 .marginY{margin:20px 0}@media screen and (max-width: 540px){.burger{top:51px;height:50px}#blind-main{top:50%;width:200px;z-index:1}#prepare,#response,#help,#recover{width:150px}#progress-blindMain{bottom:-20px}#cn-2 .pic_position{width:100%;max-height:40vh}#cn-1 .dialog{width:100%}#cn-1 .dialog:nth-child(4){bottom:5%}.contact-net .content{padding:2% 0}#pl-2 .pic_position{max-height:unset}#rescue-dog-content img{width:100%}.content-dialog{padding:10px}.risk .col-7 img{width:100%}.storage .content-dialog:nth-child(1){margin-bottom:0}.storage .content-dialog:nth-child(2){margin-top:20px}.storage img{width:100%;margin:20px 0}.backbag .content{font-size:.8rem}.backbagTitle{margin-top:20px;margin-bottom:10px;font-size:clamp(.875rem,2vmin,1.125rem)}#backbagCircle{width:280px;height:280px}.assistant-equipment .pic-height{font-size:clamp(.875rem,1.8vmin,1.125rem)}.rescue-dog .col-7 .text-center{max-height:16vh}.risk .content-dialog:nth-child(1){margin-top:0}.risk .content-dialog.margin-top{margin-top:32px}#risk-content{margin-top:16px}#risk-content{margin:16px 10px 0}.earthquake .content-dialog.margin-top{margin-top:20px}#earthquake_customized_mt{margin-top:16px}.earthquake .content-dialog.marginY{margin-top:10px;margin-bottom:20px}.typhoon img{width:70%}.typhoon .content-dialog{font-size:.9rem;line-height:150%}.contain-1 .marginY{margin:10px 0}.contain-1 img{width:100%}.info .col-8 ul{margin:0}.info .mobile-show img{width:100%}.info .col-8 .dialog{margin-top:18px;margin-bottom:8px}.info .col-3 .dialog{margin:16px 0}.earthquake-coming .dialog{padding:10px}.earthquake-pic-group:first-child{transform:translateY(-30px)}.earthquake-coming .col-6>p{margin:10px 0 2px}.hideaway .content{padding:0}.hideaway .content .col-4{padding:0 1rem}.hideaway .hideaway-pic{width:240px}.require .col-6:nth-child(1){padding-top:40px}.require .col-6:nth-child(2){padding-top:80px}.require .require-img,.help-blind img,.when-in-shelter img{width:100%}}@media all and (min-width: 650px){.main-1,.main-2,.main-3,.main-4,.main-5{padding-left:44px;padding-right:44px}#cn-2 .pic_position{max-height:unset;width:80%;flex-grow:unset}#pl-2 .pic_position{max-height:unset;width:80%}#cn-2,#pl-2{text-align:center}.info .bg-pic img{width:80%}.info .bg-pic{text-align:center}.earthquake-coming .earthquake-undertable{width:80%}.hideaway .content{padding:0}.contain-1 .marginY{margin-top:0}.save-contact img,.typhoon-afterCheck .checkImg,.earthquake-afterCheck .checkImg,.after-recover img{width:80%}}.normal-rem-fz{font-size:1rem}