#con04 {
  background-size: cover;
    padding-block:calc(60/ 16 * 1rem);
  
  @media screen and (max-width: 1040px) {
    background-size: cover;
  }
  @media screen and (max-width: 768px) {
    padding: 0;
  }
  
}

#con04 .inner-Box {
  
  @media screen and (max-width: 768px) {
    padding-block-start: 0 !important;
    padding: 30px 16px 90px;
  }
}
#con04 .system-ttl-01 {
  font-weight: 900;
  @media screen and (max-width: 768px) {
    font-size: 16px;
  }
}
#con04 .inner-Box{
  @media screen and (max-width: 1040px) {
    width: initial;
  }
}
#con04 .price-text {
  text-align: right;
  @media screen and (max-width: 1040px) {
    font-size: 20px;
  }
}
#con04 .system-list .p-price__item {
  margin: 0;
  width: initial;
  display: inline-block;
  width: fit-content;
  background-color: #0a1d3b;
  color: #fff;
  font-size: calc(14/ 16 * 1rem);
  font-weight: 500;
  padding: 2px 4px;
  @media screen and (max-width: 1040px) {
    font-size: 14px;
}
}
#con04 .ttl-box{
  margin-left:clamp(0.625rem, -2.216rem + 4.55vw, 1.875rem) !important;
  margin-inline-end:clamp(0.313rem, -2.528rem + 4.55vw, 1.563rem);  
    
  @media screen and (max-width: 1040px) {
      margin-left: 0;
      float: none;
      width: initial;
  }
  
}

#con04 .system-list .p-price__item:nth-child(3) {
  margin: 0;
}
#con04 .system-list .p-price__item:first-child {
  margin-block-end: calc(4/ 16 * 1rem);
  @media screen and (max-width: 500px) {
    margin-block-end: 0;
  }
}
#con04 .system-list .p-price__item:nth-child(odd) {
  margin-inline-end: calc(4/ 16 * 1rem);   
  @media screen and (max-width: 500px) {
    margin-inline-end: 0;
  }
}
.p-price__inner{
  @media screen and (max-width: 1040px) {
    padding-inline: 16px;
  }
}
.p-price__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  
}
.p-price__card:nth-child(3) {
    margin-inline-start:clamp(0rem, -12.784rem + 20.45vw, 5.625rem);
    @media screen and (max-width: 1040px) {
      margin-inline-start: 0;
    }
  
}
.p-price__card:nth-child(4) {
    margin-inline-start:clamp(0rem, -12.784rem + 20.45vw, 5.625rem);
    @media screen and (max-width: 1040px) {
      margin-inline-start: 0;
    }
  
}
.p-price__list {
  inline-size: fit-content;
  padding-inline: calc(16/ 16 * 1rem);
  @media screen and (max-width: 500px) {
    flex-direction: column;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  
}
#con04 .system-list {
  max-inline-size: calc(670/ 16 * 1rem);
  @media screen and (max-width: 1040px) {
    inline-size: 100%;
  margin-inline:auto;
  max-inline-size: initial;
  
  }
}

#con04 .system-list.p-price__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  justify-content: flex-start;
  @media screen and (max-width: 1040px) {
    margin-inline: auto;
    gap: 15px;
  }
  @media screen and (max-width: 500px) {
    gap: 5px;
  }
}

.p-price__card {
  background-color: #fff;
  display: grid;
  inline-size: 100%;
  display: grid;
  grid-template-rows: subgrid;
  gap: 0;
  margin-inline: auto;
  grid-row: span 4;
}

#con04 .system-list {
  position: static;
  top: 0;
}
.p-price__list .p-price__item:nth-child(odd) {
  margin-inline-end: 4px;  
  @media screen and (max-width: 1040px) {
    margin-inline-end: 0;
  }
  
}
.p-price__btn{
  display: grid;
  @media screen and (max-width: 1040px) {
    display: none;
  }
}
.p-price__btn--sp{
  display: none;
  @media screen and (max-width: 1040px) {
    display: grid;
    margin-inline: auto;
    margin-block-start: 30px;
  }
}