/* 経営改善提案ページ用CSS */

.btn_erea{
    display: flex;
    gap: 1em;
    margin: 2em 1em;
    justify-content: center;
    flex-wrap: wrap;

    div{
        color: aliceblue !important;
        border-radius: 2em;
        padding: 1em 1.5em;
        background-color: #06c;
        font-size: 1.125em;
        text-align: center;
    }

    div:hover{
        border-radius: 1em;
    }

    a{
        text-decoration: none;
    }
}

P{
    margin: 1em;
}

img:hover{
    opacity: 1 !important;
}

h3{
    background-color: #036;
    color: white !important;
    margin-top: 5em;
    margin-bottom: 1.5em;
    padding:0.125em 0.75em;
}

h4{
    background-color: #369;
    color: white !important;
    margin-top: 3em;
    margin-bottom: 1.5em;
    padding:0.125em 0.75em;
}


.top{
    font-size: 1.125em;
}


.link{
    font-weight: bold;
    border-bottom: 2px dotted;
}

.link::before{
    content: "\25B8\25B8　";
}

.dots{
    margin: 0.5em 2.5em;
    list-style: "\26ab";

    li{
    border-bottom: 0.25em;
    margin:0.25em 0.75em;
}
}

.num {
  list-style: none;
  padding-left: 0;
  counter-reset: item;
  margin-left: 1em;
}

.num li {
  counter-increment: item;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0.5em;
}

.num li::before {
  content: counter(item);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.25em;
  height: 1.25em;
  border: 1px solid currentColor;
  border-radius: 50%;
  box-sizing: border-box;
}

.cost{
    font-size: 2em;
    font-weight: bold;
    color: dodgerblue;
    span{
        font-size: 0.5em;
    }
}