section[id$="-flow"] .row.area-bil.mx-auto{display:flex;justify-content:center;align-items:center}section[id$="-flow"] .area-box{background-color:#fff;border-radius:4px;transition:transform 0.5s ease, opacity 0.5s ease}section[id$="-flow"] .area-box:hover{opacity:0.8;transform:translateY(-3px)}section[id$="-flow"] .area-box:not(:hover){opacity:1;transform:translateY(0)}section[id$="-flow"] .area-box a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}section[id$="-flow"] .area-box a p{font-weight:bold;font-size:2rem;position:absolute;top:5%;left:5%;color:#5A4A7A;padding:0 0.8rem}section[id$="hokkaido"] .area-item{margin-bottom:3rem}section[id$="hokkaido"] .area-item dt{background-color:#5A4A7A;border-radius:0.25rem 0.25rem 0 0;color:#fff;padding:0.5rem}section[id$="hokkaido"] .area-item dd{background-color:#fff;border-radius:0.25rem;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));height:100%}section[id$="hokkaido"] .area-item dd ul{padding-top:2rem}section[id$="hokkaido"] .area-item dd ul li{color:#6C757D}section[id$="hokkaido"] .area-item dd ul a{color:#483b62;text-decoration:underline}section[id$="hokkaido"] .area-item dd ul a:hover{color:#333333;text-decoration:none}