html:focus-within {
  scroll-behavior: smooth;
}
.dev-pc .cms-public .area3 .block .list ul li{
  display: inline-block;
  padding: 0.2em 2em;
}
.dev-pc .cms-public .area3 .block:not(.glossary_menu) .list ul li{

}
.dev-pc .cms-public .block.glossary_menu .list ul li{
    border-left: solid 1px;
}
.dev-pc .cms-public .block.glossary_menu .list ul li:last-of-type{
    border-right: solid 1px;
}

.cms-public .parts.glossary_weather,
.cms-public .parts.glossary_observation,
.cms-public .parts.glossary_refuge,
.cms-public .parts.glossary_danger_area,
.cms-public .parts.glossary_shelter {
 margin: 0.5em 0;
}
.cms-public .parts.glossary_other {
  margin: 0.5em 0 3em;
}

.cms-public .area3 div.block .heading h2 {
  width: 90%;
  margin: auto;
  background-color: #e2ecf8;
  color: #0d59b6;
  border: solid 1px;
  padding: 5px 0 5px 30px;

}
.cms-public .area3 .parts div.block .heading h3 {
  width: 87%;
  margin: 20px auto 10px;
  border-left: solid 8px #0d59b6;
  padding: 2px 11px;
  background-color: #fff;
}

.cms-public .area3 .block:not(.glossary_menu) .list ul li:before {
  content: url(/file/html/583.png);
    padding-right: 0.2em;
    top: 0.15em;
    position: relative;
}


/* sp */
.dev-sp .cms-public .area3 .block .list ul li{
  margin-bottom: 0.3em;
}
.dev-sp .cms-public .area3 div.block .heading h2 {
  padding: 0px 0px 0px 20px;
}
.dev-sp .cms-public .area3 .parts div.block .heading h3 {
   width: 83%;
  margin: 10px auto 0px;
}
.dev-sp .cms-public .parts.glossary_other {
  margin: 0.5em 0 1em;
}