li:has(a[href$=".pdf"]) a,li:has(a[href$=".csv"]) a,li:has(a[href$=".xlsx"]) a,li:has(a[href$=".xls"]) a,li:has(a[href$=".ppt"]) a,li:has(a[href$=".pptx"]) a,li:has(a[href*="youtube.com"]) a,li:has(a[href*="youtu.be"]) a,li:has(a[href$=".doc"]) a,li:has(a[href$=".docx"]) a{vertical-align:middle}.ly_spmenuModalContainer{height:100%}.ly_spmenu{width:100%;max-width:600px;height:100%;margin-left:auto;background-color:var(--white)}.ly_spmenu_container{display:grid;grid-template-rows:auto auto 1fr;row-gap:28px;height:100%}.ly_spmenu_header{display:flex;align-items:flex-end;justify-content:space-between;height:65px;padding-left:28px}.ly_spmenu_search{padding:0 24px;padding-top:8px}.ly_spmenu_main{display:flex;flex-direction:column;row-gap:20px;padding-bottom:40px;background-color:var(--beige)}.el_spmenuNavLink{display:inline-flex;gap:16px;align-items:center;padding:16px 24px;text-decoration:none;transition:opacity .2s ease}.el_spmenuNavLink_imageWrapper{display:inline-flex;align-items:center;justify-content:center;width:35px;height:25px}.el_spmenuNavLink_imageWrapper img{max-width:100%;max-height:100%}.el_spmenuNavLink_textWrapper{display:inline-flex;gap:8px;align-items:center}.el_spmenuNavLink_jp{font-size:var(--fs-md);font-weight:bold}.el_spmenuNavLink_en{font-size:.8em;font-weight:bold;color:var(--pink1)}.el_spmenuNavLink:hover{opacity:.8}.el_spmenuNavLink__iconTall .el_spmenuNavLink_imageWrapper img{max-height:35px}.bl_spmenuNavLinkUnit{display:grid;grid-template-columns:100%;background-color:var(--white)}.bl_spmenuNavLinkUnit_item{border-bottom:2px dashed var(--border-base)}.bl_spmenuNavLinkUnit_item:first-child{border-top:2px dashed var(--border-base)}.bl_spmenuNavLinkUnit .el_spmenuNavLink{width:100%}.el_spmenuCloseButton{display:inline-flex;align-items:center;justify-content:center;width:68px;height:65px;transition:opacity .2s ease}.el_spmenuCloseButton:hover{opacity:.8}.el_headerNavLink{display:inline-flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;width:100px;height:100px;padding:10px;background-color:var(--white)}.el_headerNavLink_imageWrapper{display:inline-flex;align-items:center;justify-content:center;width:45px;height:34px}.el_headerNavLink_imageWrapper img{max-width:100%;max-height:100%;transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-duration:.5s}.el_headerNavLink_text{font-size:var(--fs-smd);font-weight:bold;text-align:center;white-space:nowrap}.el_headerNavLink:hover .el_headerNavLink_imageWrapper img{scale:1.4}.el_headerNavLink__iconTall .el_headerNavLink_imageWrapper img{max-height:48px}.bl_headerLinkUnit{display:flex;align-items:center;justify-content:center}.bl_headerLinkUnit__nav{column-gap:10px}@container ly-header-inner (min-width: 460px){.bl_headerLinkUnit__nav{column-gap:20px}}.bl_headerLinkUnit__banner{column-gap:10px}@container ly-header-inner (min-width: 460px){.bl_headerLinkUnit__banner{column-gap:15px}}.el_headerImageLink{display:inline-flex;align-items:center;justify-content:center}.el_headerImageLink__logo{transition:translate .2s ease}@media(max-width: 767.9px){.el_headerImageLink__logo{width:150px}}@media(min-width: 768px){.el_headerImageLink__logo{width:220px}@container ly-header-inner (min-width: 460px){.el_headerImageLink__logo{width:230px}}}.el_headerImageLink__logo:hover{translate:0 -4px}.el_headerImageLink__spmenuLogo{transition:opacity .2s ease}@media(max-width: 767.9px){.el_headerImageLink__spmenuLogo{width:150px}}@media(min-width: 768px){.el_headerImageLink__spmenuLogo{width:165px}}.el_headerImageLink__spmenuLogo:hover{opacity:.8}.el_headerImageLink__banner{transition:opacity .2s ease}@media(max-width: 767.9px){.el_headerImageLink__banner{width:150px}}@media(min-width: 768px){.el_headerImageLink__banner{width:130px}@container ly-header-inner (min-width: 460px){.el_headerImageLink__banner{width:150px}}}.el_headerImageLink__banner:hover{opacity:.8}@media(max-width: 767.9px){.ly_hamburgerButton{top:8px;right:8px}}@media(min-width: 768px)and (max-width: 1199.9px){.ly_hamburgerButton{top:16px;right:16px}}@media(max-width: 1199.9px){.ly_hamburgerButton{position:fixed;z-index:100}}.el_hamburgerButton{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;transition:opacity .2s ease}@media(max-width: 767.9px){.el_hamburgerButton{width:60px;height:60px}}@media(min-width: 768px)and (max-width: 1199.9px){.el_hamburgerButton{width:65px;height:65px}}@media(max-width: 767.9px){.el_hamburgerButton_icon{width:25px}}@media(min-width: 768px){.el_hamburgerButton_icon{width:35px}}.el_hamburgerButton:hover{opacity:.8}.button-magenta{display:flex;width:fit-content;padding:14px 40px !important;font-size:1.6rem;font-weight:500;color:var(--color-hakodate-white) !important;text-align:center;letter-spacing:.1em;background-color:var(--color-magenta-70) !important;border-radius:var(--radius-level-2) !important;transition:filter .3s ease,background-color .3s ease}.button-magenta:hover{text-decoration:none !important;filter:brightness(0.9)}@container (width >= px-to-em(800)){.button-magenta .button-magenta{font-size:1.8rem}}@container (px-to-em(500) < width ){.page-title h1{font-size:3.2rem}}.hakosuku{--font-zen-maru-gothic: "Zen Maru Gothic";--fs-xs: 12px;--fs-sm: 14px;--fs-smd: 15px;--fs-md: 16px;--fs-lg: 18px;--fs-2l: 20px;--h5-sm-sp: 18px;--h5-md-pc: 20px;--h4-md-sp: 20px;--h4-md-pc: 22px;--h3-md-sp: 22px;--h3-md-pc: 26px;--h3-lg-pc: 28px;--h2-xs-sp: 20px;--h2-xs-pc: 24px;--h2-sm-sp: 24px;--h2-sm-pc: 30px;--h2-md-sp: 28px;--h2-md-pc: 36px;--text-base: #402822;--border-base: #d6d6d6;--link-text: #0072b4;--button-bg: #63443c;--black-shadow: rgb(0 0 0 / 25%);--dark-shadow: rgb(0 0 0 / 20%);--gray-shadow: rgb(0 0 0 / 15%);--red-shadow: rgb(130 5 49 / 20%);--pink-shadow: rgb(242 90 125 / 30%);--green-shadow: rgb(8 75 21 / 20%);--transparent: rgb(0 0 0 / 0%);--white: #fff;--beige: #ffedd7;--light-beige: #fff5e8;--primary: #f25a7d;--green: #7bc571;--pink: #fc83a9;--white-pink: #fffcfd;--light-pink: #fff1f3;--soft-pink: #ffcfdc;--gray: #aaa5a4;--pink1: #ff97b8;--pink2: #fc83a9;--pink3: #f46c97;--pink4: #e23e72;--pink5: #df5c85;--brown: #63443c;--hover-brown: #8b7670;--lh-base: 1.8;--lh-lg: 2;--lh-sm: 1.5;--lh-xs: 1.2;--ls-base: 0.03em;--ls-lg: 0.05em;--ls-h2: 0.2em;--ls-h2-sm: 0.1em;--bdrs-sm: 6px;--bdrs-base: 8px;--bdrs-mlg: 12px;--bdrs-lg: 16px;--bdrs-2l: 20px;--bdrs-xl: 50px;--bdrs-max: 100px}.hakosuku .toggle{position:fixed;right:20px;bottom:20px;z-index:1;display:grid;place-items:center;width:70px;height:70px;padding:9px;cursor:pointer;background-color:var(--beige);border:none;border-radius:50%;box-shadow:var(--shadow-medium-4);transition:background-color .2s ease}@media(hover: hover)and (pointer: fine){.hakosuku .toggle:hover{background-color:var(--light-beige)}}.hakosuku .toggle img{width:50px}.hakosuku .ly_dialog{position:fixed;top:0;left:0;z-index:100;display:none;width:100%;max-width:100%;height:100%;max-height:100%;padding:0;margin:0;background:none;border:none}.hakosuku .ly_dialog::before{position:absolute;inset:0;content:"";background:rgba(0,0,0,.5)}.hakosuku .ly_spmenu{position:relative;background-color:#fff}.hakosuku .ly_spmenu .el_spmenuNavLink{display:inline-flex;gap:16px;align-items:center;padding:16px 24px;font-family:var(--font-zen-maru-gothic);transition:opacity .2s ease}.hakosuku .ly_spmenu .el_spmenuNavLink:hover{text-decoration:none}.hakosuku .ly_spmenu .el_spmenuNavLink .el_spmenuNavLink_jp{color:var(--text-base)}.hakosuku .ly_spmenu .el_spmenuCloseButton{padding:0;cursor:pointer;background:none;border:none}.hakosuku .ly_spmenu .ly_spmenu_container{grid-template-rows:auto 1fr}.hakosuku .ly_spmenu .ly_spmenu_container .el_headerImageLink{display:block;padding:0;color:initial;text-decoration:none;text-underline-offset:0;cursor:pointer;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:none}.hakosuku .ly_spmenu .ly_spmenu_container img{width:auto;aspect-ratio:initial;translate:0}.temp1,.temp2,.temp3,.temp4{margin-bottom:20px;clear:both}.temp1 .thumb{float:left;margin-right:20px;margin-bottom:10px}.temp1 ul,.temp1 ol{display:inline-block;vertical-align:top}.temp2 .thumb{float:right;margin-bottom:10px;margin-left:20px}.temp3,.temp4{display:flex;justify-content:center}.temp3 dl,.temp4 dl{padding:0;margin:0 5px;vertical-align:bottom}.temp3 dl{max-width:48%}.temp4 dl{max-width:31%}.temp3 dl dt,.temp4 dl dt{margin-bottom:10px;text-align:center}.temp3 dl dd,.temp4 dl dd{margin:0;text-align:center}table.temp5,table.temp6{margin-bottom:30px}.temp5 caption,.temp6 caption{text-align:center}.temp5 th,.temp5 td,.temp6 th,.temp6 td{padding:6px 10px;text-align:center;border:1px solid #b3b3b3}.adobeReader,.temp7{padding:10px 20px 10px 196px;margin:0 0 20px;clear:both;background:#fff3f3 url("/_themes/images/adobe_bn.png") no-repeat 20px center;border:1px solid #faa}.adobeReader p,.temp7 p{margin:0 0 10px}@media only screen and (width <= 959px){.temp1 .thumb,.temp2 .thumb{float:none;margin:0 0 1rem;text-align:center}.temp3,.temp4{flex-wrap:wrap}.temp3 dl,.temp4 dl{max-width:100%}.adobeReader,.temp7{padding:55px 20px 10px;background-position:center 10px}}.clearfix::after{display:table;clear:both;content:""}.page-heading__icon{display:none}.page-heading__title{flex-shrink:1;font-family:var(--zen-maru-gothic)}.bousai .bousai__heading01{margin-top:20px;margin-bottom:10px;font-family:var(--zen-maru-gothic);font-size:2.2rem}@container (50em < width){.bousai .bousai__heading01{margin-bottom:20px;font-size:2.5rem}}.bousai .bousai__heading02{margin-top:20px;margin-bottom:0;font-family:var(--zen-maru-gothic);font-size:2rem}@container (50em < width){.bousai .bousai__heading02{margin-bottom:10px;font-size:2.2rem}}@container (62.5em < width){.bousai .bousai__heading02{margin-bottom:20px}}.bousai .bousai-card{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:20px;background-color:var(--color-hakodate-white);border-radius:var(--radius-level-2)}@container (37.5em < width){.bousai .bousai-card{flex-direction:row;align-items:flex-start;justify-content:flex-start}}.bousai .bousai-card .bousai-card__image{display:block;max-width:230px}.bousai .bousai-card .bousai-card__image.is-evacuation{aspect-ratio:230/185}.bousai .bousai-card .bousai-card__image.is-shelter{aspect-ratio:230/128}.bousai .bousai-card .bousai-card__image img{display:block;width:100%;height:auto;object-fit:cover;border:1px solid #dadada}.bousai .bousai-card .bousai-card__text{width:100%}@container (37.5em < width){.bousai .bousai-card .bousai-card__text{width:calc(100% - 230px)}}.bousai .bousai-card .bousai-card__text p{margin-top:0;font-size:1.4rem;line-height:1.7;letter-spacing:.1em}.bousai .bousai-card .bousai-card__link{display:flex;justify-content:flex-end}@container (37.5em < width){.bousai .bousai-card .bousai-card__link{justify-content:flex-start}}.bousai .bousai-card .bousai-card__link a{display:block;margin-top:12px;font-size:1.4rem;color:var(--color-text-link);text-decoration:none}.bousai .bousai-card .bousai-card__link a:hover{text-decoration:underline}.bousai .bousai-card .bousai-card__link a span{position:relative;padding-right:22px;padding-left:22px}.bousai .bousai-card .bousai-card__link a span::before,.bousai .bousai-card .bousai-card__link a span::after{position:absolute;display:block;content:""}.bousai .bousai-card .bousai-card__link a span::before{top:2px;left:0;width:18px;height:18px;background:url("../../images/bousai/icon_btn_arrow.svg") no-repeat;background-size:contain}.bousai .bousai-card .bousai-card__link a span::after{top:2px;right:0;width:17px;height:17px;background:url("../../images/bousai/icon_link_window.svg") no-repeat;background-size:contain}.bousai .bousai-link{display:grid;grid-template-rows:1fr;grid-template-columns:repeat(2, 1fr);gap:10px;padding:0;list-style:none}@container (31.25em < width){.bousai .bousai-link{grid-template-columns:repeat(3, 1fr);grid-column-gap:10px}}@container (37.5em < width){.bousai .bousai-link{grid-template-columns:repeat(3, 1fr);grid-column-gap:20px}}.bousai .bousai-link .bousai-link__item{display:flex;flex-direction:column;row-gap:5px;align-items:center;height:100%;padding:10px;text-decoration:none;background-color:var(--color-hakodate-white);border:solid 3px var(--color-magenta-5);border-radius:var(--radius-level-4);box-shadow:var(--shadow-weak-1);transition:border .3s}@container (37.5em < width){.bousai .bousai-link .bousai-link__item{row-gap:9px;padding:20px}}.bousai .bousai-link .bousai-link__item:hover{border:solid 3px var(--color-magenta-50)}.bousai .bousai-link .bousai-link__item picture{max-width:100px;aspect-ratio:1/1}@container (50em < width){.bousai .bousai-link .bousai-link__item picture{max-width:100%}}.bousai .bousai-link .bousai-link__item picture img{display:block;width:100%;height:100%;object-fit:cover}.bousai .bousai-link .bousai-link__item span{font-family:var(--zen-maru-gothic);font-size:1.8rem;line-height:1.1;color:var(--color-hakodate-black);text-align:center;letter-spacing:.05em}@container (50em < width){.bousai .bousai-link .bousai-link__item span{font-size:2rem}}.bousai .bousai-news{padding:10px;background-color:var(--color-hakodate-white);border-radius:var(--radius-level-2)}@container (31.25em < width){.bousai .bousai-news{padding:10px 20px}}@container (50em < width){.bousai .bousai-news{padding:10px 30px}}.bousai .bousai-news .docs{padding:0;margin:0}.bousai .bousai-news .bousai-news__content{padding:0;list-style:none}.bousai .bousai-news .contents-docs{margin:0;list-style:none}.bousai .bousai-news .contents-docs:last-of-type .bousai-news__item{border-bottom:none}.bousai .bousai-news .bousai-news__item{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;grid-row-gap:10px;padding:20px 0;font-size:1.6rem;font-weight:500;line-height:1;text-decoration:none;letter-spacing:.1em;border-bottom:solid 1px #e7ebf2;transition:background-color .3s}@container (50em < width){.bousai .bousai-news .bousai-news__item{grid-template-columns:fit-content(220px) 1fr;grid-row-gap:0;font-size:1.8rem}}@container (62.5em < width){.bousai .bousai-news .bousai-news__item{font-size:2rem}}.bousai .bousai-news .bousai-news__item:hover{background-color:var(--color-magenta-5)}.bousai .bousai-news .bousai-news__date{padding:0 10px;color:var(--color-hakodate-black)}@container (31.25em < width){.bousai .bousai-news .bousai-news__date{padding:0 20px}}.bousai .bousai-news .title_link{display:grid}.bousai .bousai-news .title_link a{position:relative;padding:0 10px;overflow:hidden;color:var(--color-text-link);text-overflow:ellipsis;white-space:nowrap}@container (31.25em < width){.bousai .bousai-news .title_link a{padding:0 20px}}.bousai .bousai-news .title_link a::before{position:absolute;top:0;left:0;display:block;width:1px;height:100%;content:""}@container (50em < width){.bousai .bousai-news .title_link a::before{background-color:var(--color-hakodate-black)}}.bousai .bousai-anchor{display:grid;grid-template-rows:1fr;grid-template-columns:repeat(2, 1fr);gap:15px;padding:30px 20px 20px;margin-bottom:0;list-style:none;background-color:var(--color-magenta-5);border-radius:var(--radius-level-2)}@container (25em < width){.bousai .bousai-anchor{grid-template-columns:repeat(3, 1fr);gap:20px;padding:30px 20px 20px}}@container (31.25em < width){.bousai .bousai-anchor{grid-template-columns:repeat(4, 1fr);padding:30px 20px 20px}}@container (50em < width){.bousai .bousai-anchor{grid-template-columns:repeat(5, 1fr);grid-column-gap:15px}}.bousai .bousai-anchor .bousai-anchor__item{display:flex;flex-direction:column;row-gap:9px;align-items:center;height:100%;text-decoration:none}.bousai .bousai-anchor .bousai-anchor__item:hover .bousai-anchor__pic{border:solid 3px var(--color-magenta-50)}.bousai .bousai-anchor .bousai-anchor__item:hover span{color:var(--color-magenta-50)}.bousai .bousai-anchor .bousai-anchor__item .bousai-anchor__pic{display:flex;justify-content:center;width:100%;padding:10px 16px;background-color:var(--color-hakodate-white);border:solid 3px rgba(0,0,0,0);border-radius:var(--radius-level-4);box-shadow:var(--shadow-weak-1);transition:border .3s}@container (37.5em < width){.bousai .bousai-anchor .bousai-anchor__item .bousai-anchor__pic{padding:16px 30px}}.bousai .bousai-anchor .bousai-anchor__item picture{display:block;max-width:70px;aspect-ratio:1/1}@container (43.75em < width){.bousai .bousai-anchor .bousai-anchor__item picture{max-width:100%}}.bousai .bousai-anchor .bousai-anchor__item picture img{display:block;width:100%;height:100%;object-fit:cover}.bousai .bousai-anchor .bousai-anchor__item span{font-size:1.3rem;line-height:1.1;color:var(--color-hakodate-black);letter-spacing:.05em;transition:color .3s}@container (37.5em < width){.bousai .bousai-anchor .bousai-anchor__item span{font-size:1.5rem}}
