body {
  background-size: 100% auto;
 }

 @media screen and (max-width:768px) {
  body {
  }
}

.delivery {
  margin: 0 auto;
}

.delivery .faq {
  padding-top: calc(170 / 1800* 100vw);
}

.delivery .faq-content {
  margin-top: calc(136 / 1800* 100vw) ;
}

.delivery-price {
}

.delivery-price-title {
  margin-top: calc(48 / 1800 * 100vw);
  font-size: calc(22 / 1800 * 100vw);
  font-weight: bold;
  margin-left: -.5em;
}

.delivery-price-caption {
  margin-top: calc(16 / 1800 * 100vw);
  margin-bottom: calc(4 / 1800 * 100vw);
  font-size: calc(20 / 1800 * 100vw);
  color: #898989;
  font-weight: bold;
}

.delivery-price-table {
  display: inline-block;
  border-radius: calc(5 / 1800 * 100vw);
  border: #898989 2px solid;
  overflow: hidden;
}

.delivery-price-table.is-sp {
  display: none;
}

.delivery-price-table.is-wide {
  display: block;
  margin-right: calc(-210 / 1800 * 100vw);
}

.delivery-price-table.is-narrow {
  width: calc(614 / 1800 * 100vw);
}

.delivery-price-table table {
  width: 100%;
  border-collapse: collapse;
	table-layout: fixed;
}


.delivery-price-table table th,
.delivery-price-table table td {
  border-bottom: 1px solid #898989 ;
  border-right: 1px solid #898989 ;
  padding: calc(20 / 1800 * 100vw) 0;
  color: #727171;
  text-align: center;
  font-size: calc(20 / 1800 * 100vw);
  letter-spacing: 0;
}

.delivery-price-table table td:last-child {
  border-right: none;
}

.delivery-price-table table tr:last-child th,
.delivery-price-table table tr:last-child td {
  border-bottom: none;
}


.delivery-price-table table th {
  background-color: #F8F8F8;
}

.delivery-price-table table th span {
  margin-left: -.4em;
  margin-right: -.7em;
}

.delivery-price-table table tr td.not {
  font-size: calc(17 / 1800 * 100vw);
}

.delivery-price-table-note {
  text-indent: -1em;
  padding-left: 1em;
  font-size: calc(16 / 1800 * 100vw);
  letter-spacing: 0.01em;
  margin-top: calc(6 / 1800 * 100vw);
  color: #595757;
}

.faq-asterisk + .text {
  margin-top: calc(40 / 1800 * 100vw);
}

.delivery-time {
  margin-top: calc(10 / 1800 * 100vw);
  margin-left: -.75em;
}

.delivery-time .text {
  font-weight: bold;
}

@media screen and (max-width:768px) {

  .delivery .faq {
    padding-top: calc(149 / 640 * 100vw);
  }
  
  .delivery .faq-content {
    margin-top: calc(138 / 640 * 100vw) ;
  }
  
  .delivery-price-table.is-sp {
    display: block
  }

    
  .delivery-price-table.is-pc {
    display: none;
  }

  .delivery-time {
    text-align: center;
    margin-top: calc(10 / 640 * 100vw );
  }

  
  .delivery-time .text{
    font-size: calc(22 / 640 * 100vw);
  }

  .delivery .image {
    margin-left: calc(-60 / 640 * 100vw );
    margin-right: calc(-60 / 640 * 100vw );
    margin-top: calc(70 / 640 * 100vw );
  }

  .delivery .image-caption {
    padding: 0 calc(60 / 640 * 100vw );
    font-size: calc(20 / 640 * 100vw );
  }


  .delivery-price-title {
    background-image: url(../images/delivery/sp-delivery-bracket.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: calc(447 / 640 * 100vw);
    /*min-height: calc(62 / 640 * 100vw);*/
	    aspect-ratio:300 / 48;
	      margin: calc(48 / 640 * 100vw) auto  calc(20 / 640 * 100vw);

    text-align: center;
    font-size: calc(23 / 640 * 100vw);
    line-height: 1.5;
    letter-spacing: -0.02em;
    display: flex;
    align-items: center;
    justify-content: center;
	  
	
  }

  .delivery-price-title span {
    display: none;
  }

  .delivery-price-caption {
    font-size: calc(22 / 640 * 100vw);
    margin-bottom: calc(8 / 640 * 100vw);
  }

  .delivery-price-table {
    border-radius: calc(5 / 640 * 100vw);
  }

  .delivery-price-table table th,
  .delivery-price-table table td {
    font-size: calc(22 / 640 * 100vw);
    padding: calc(24 / 640 * 100vw) 0;
  }

  
  .delivery-price-table table thead tr {
    border-bottom: 1px solid #898989 ;
  }

  .delivery-price-table table thead tr th:last-child {
    border-right: none;
  }

  .delivery-price-table table tr td.not {
    font-size: calc(21 / 640 * 100vw);
  }

  .delivery-price-table-note {
    font-size: calc(18 / 640 * 100vw);
    margin-top: calc(16 / 640 * 100vw);
    text-indent: 0;
    padding-left: 0;
  }
}