/* 相続手続きを放置すると・・ */
@media screen and (min-width: 769px) {
  .pcnone {display: none;}
  .spnone {display: block;}
}

@media screen and (max-width: 768px) {
  .pcnone {display: block;}
  .spnone {display: none;}
}

.pu-header {
  background-image: url(../img/procedure-unattended/legal-risk001.webp);
}
@media screen and (max-width: 768px) {
  .pu-header {
    background-image: url(../img/procedure-unattended/legal-risk001-sp.webp);
  }
}

.contents {
  width: 1000px; margin:50px auto;
}
@media screen and (max-width: 768px) {
  .contents {
    width: 87.179vw;
    margin:10% auto;
  }
}

.pu-main-ttl {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    & span {color: #FF5800;}
}
.pu-introtxt {
  margin-top: 25px;
  font-size: 22px;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pu-main-ttl {
      font-size: 8vw;
  }
  .pu-introtxt {
    margin-top: 5%;
    font-size: 5vw;
  }
}

.pu-li-Wrap {
  & .pu-li {
    margin-top: 60px;
    display: flex;
    align-items:center;
    justify-content: space-between;
    & .leftBox {
      width: 25%;
    }
    & .rightBox {
      width: 72%;
      & h4 {
        background:#B3D4FF;
        color:#003477;
        border-radius:10px;
        padding: 5px 10px;
        font-weight: bold;
        font-size: 24px;
        margin-bottom: 15px;
      }
      & p {
        padding: 0 10px;
        font-size: 20px;
      }
      & ul {
        margin-left: 1.5em;
        padding: 0 10px;
        & li {
          list-style:disc;
          font-size: 20px;
        }
      }
    }
  }
}
@media screen and (max-width: 768px) {
  .pu-li-Wrap {
    & .pu-li {
      margin-top:10%;
      display: block;
      & .leftBox {
        width:45%;
        margin: 0 auto 5%;
      }
      & .rightBox {
        width:100%;
        & h4 {
          padding: 5px 10px;
          font-size: 5.5vw;
          margin-bottom: 5%;
          text-indent: -1.4em;
          padding-left: 2em;
        }
        & p {
          padding:1% 0;
          font-size: 4.5vw;
        }
        & ul {
          margin-left: 1.5em;
          padding: 1% 0;
          & li {
            list-style:disc;
            font-size: 4.5vw;
          }
        }
      }
    }
  }
}

.bgblue {
  background:#EEFBFF;
  padding: 40px 0;
  & .contents {margin: 0 auto;}
  & .bgblue-ttl {
    font-weight: bold;
    color: #FF5800;
    font-size: 32px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    & span {
      background-color: #FF5800;
      color: #fff;
      border-radius: 10px;
      font-size: 24px;
      padding: 5px 10px;
      margin-right: 10px;
    }
  }
  & .bgblue-inner {
    width: 600px;
    margin: 0 auto;
    & p {
      font-size:20px;
    }
    & ul {
      margin-left: 1.5em;
      padding: 0 10px;
      & li {
        list-style:disc;
        font-size: 20px;
      }
    }
  }
}
.bgblue.mb60 {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .bgblue {
    padding: 10% 0;
    & .bgblue-ttl {
      font-size: 7vw;
      text-align: center;
      flex-wrap: wrap;
      margin-bottom: 5%;
      & span {
        font-size: 6vw;
        padding: 5px 10px;
        margin: 0 auto 2.5%;
        display: inline-block;
      }
    }
    & .bgblue-inner {
      width:100%;
      margin: 0 auto;
      & p {
        padding:1% 0;
        font-size:4.5vw;
      }
      & ul {
        margin-left: 1.5em;
        padding:1% 0;
        & li {
          font-size: 4.5vw;
        }
      }
    }
  }
  .bgblue.mb60 {
    margin-bottom: 10%;
  }
}


.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
  border-top: 75px solid #b3d4ff;
  border-bottom: 0;
  margin:15px auto;
}