@charset "utf-8";

/****************** 料金 ******************/
.cost__wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
}
.cost__wrap::before{
    content: "";
    height: 12.5rem;
    width: 6rem;
    background-image: url("../img/cost.png");
    background-repeat: no-repeat;
    background-size: cover;
    filter: drop-shadow(10px 10px 5px #aaa);
}

.cost table {
  border: 2px solid #ffecb5;
}
.cost th, .cost td {
  vertical-align: middle;
  padding: 5px;
}
.cost th {
  font-weight: normal;
  background-color: #ffecb5;
  width: 120px;
  border-bottom: 2px solid #fff;
}
.cost td {
  /*width: 60px;*/
  border-bottom: 2px solid #ffecb5;
}
.cost h3 {
    margin-top: 40px;
}
@media screen and (min-width:1025px) {
    .cost{
        position: relative;
    }
    .cost::after{
        position: absolute;
        top: -2rem;
        right: -2rem;
        content: "";
        width: 18rem;
        height: 18rem;
        background-image: url("../img/flower.png");
        background-repeat: no-repeat;
        background-size: contain;
            filter: drop-shadow(10px 10px 5px #aaa);
    }
    .cost__wrap{
        justify-content: flex-start;
        gap: 7rem;
        margin-bottom: 2rem;
        margin-left: 5rem;
    }
    .cost__wrap::before{
        height: 20rem;
        width: 10rem;
    }
    .cost p {
      margin-left: 22rem;
    }
    .cost th, .cost td {
      padding: 8px;
    }
    .cost th {
        width: 200px;
    }
    .cost td {
        width: 200px;
        padding-left: 30px;
    }
}