/*====================================================
////id |  simulation
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 960.0px) {
  .simulation-item-img {
    height: min(40vw, 260px);
  }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960.1px) {
  .simulation-item {
    display: grid;
      align-items: center;
      grid-gap: min(6.4vw, 34px) 15px;
      grid-template-columns: 1fr 1fr;
  }
  .simulation-item-title {
    grid-column: 1 / 3;
  }
  .simulation-item-img {
    height: min(40vw, 260px);
  }
  .simulation-item-content .price {
    margin-bottom: .8em;
  }
}

@media (hover: hover) {}

/*====================================================
////id |  overview
====================================================*/
/* ////////// mobile ////////// */
@media screen and (max-width: 960.0px) {
  .overview-wrapper {
    display: grid;
      grid-gap: min(8vw, 40px);
  }
  .overview-img {
    grid-row: 2;
    margin: 0 auto;
    width: min(100%, 600px);
  }

}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960.1px) {
  .overview-img {
    width: min(50vw, 450px);
  }
}

@media (hover: hover) {}

/*====================================================
////id |  bottle_server_price
====================================================*/
.bottle_server_price-wrapper {
  display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.bottle_server_price {
  background: #fff;
  border: solid 1px;
  border-radius: 5px;
  display: flex;
    align-items: center;
    justify-content: center;
  position: relative;
}
.bottle_server_price::before {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 8 8"><path fill="%23333333" d="M8,4.69h-3.31v3.31h-1.37v-3.31H0v-1.37h3.31V0h1.37v3.31h3.31v1.37Z" /></svg>') no-repeat center / contain;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
}
.bottle_server_price:first-child::before {
  display: none;
}
.bottle_server_price-img {
  width: 40%;
}
.bottle_server_price-text {
  flex: 1;
}
.bottle_server_price dt {
  font-weight: 700;
  margin-bottom: .3em;
  text-align: center;
}
.bottle_server_price:nth-child(1) {
  border-color: var(--color_2);
}
.bottle_server_price:nth-child(1) dt {
  color: var(--color_2);
}
.bottle_server_price:nth-child(2) {
  border-color: var(--color_1);
}
.bottle_server_price:nth-child(2) dt {
  color: var(--color_1);
}

.bottle_server_price .price-wrapper {
  display: grid;
    grid-gap: 15px;
    place-content: center;
}
.bottle_server_price .price .no {
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1;
}
.bottle_server_price .attentionMark {
  margin-top: 1.5em;
  font-size: .9em;
  font-weight: 400;
}

.bottle_server_price-attention {
  margin-top: 1.5em;
  font-weight: 400;
  font-size: .8em;
  text-align: center;
}
.bottle_server_price-attention ul {
  display: inline-block;
  text-align: left;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960.0px) {
  .bottle_server_price-wrapper {
    flex-direction: column;
    margin: auto;
    max-width: 600px;
  }
  .bottle_server_price dt {
    font-size: 1.14em;
  }
  .bottle_server_price {
    margin-top: min(12vw, 60px);
    padding: min(5vw, 20px) min(5vw, 20px);
  }
  .bottle_server_price::before {
    bottom: 100%;
    left: 0;
    right: 0;
    width: min(5.8vw, 30px);
    height: min(12vw, 60px);
  }
  .bottle_server_price:first-child {
    margin-top: 0;
  }
  .bottle_server_price .attentionMark {
    font-size: .857em;
  }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960.1px) {
  .bottle_server_price-wrapper {
    gap: 1em 0;
  }
  .bottle_server_price {
    margin-left: min(6vw, 80px);
    max-width: calc(50% - (min(6vw, 80px) / 2));
    padding: min(5vw, 36px) min(5vw, 20px);
  }
  .bottle_server_price::before {
    top: 0;
    right: 100%;
    bottom: 0;
    width: min(6vw, 80px);
    height: 28px;
  }
  .bottle_server_price:first-child {
    margin-left: 0;
  }
  
  .bottle_server_price dt {
    font-size: 2rem;
  }
}

@media (hover: hover) {}