@charset 'utf-8';

.p-order__wrapper {
  max-width: 1094px;
  width: 100%;
  background-color: #fff;
  border-radius: calc(12 * var(--width-ratio3));
  padding: calc(50 * var(--width-ratio3)) calc(111 * var(--width-ratio3)) calc(72 * var(--width-ratio3));
  margin: 0 auto calc(110 * var(--width-ratio3));
}
.p-order--normal .p-order__wrapper {
  max-width: 1580px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: calc(12 * var(--width-ratio2));
  padding: calc(43 * var(--width-ratio2)) calc(190 * var(--width-ratio2)) calc(50 * var(--width-ratio2));
}
.p-order__gallery {
  display: flex;
  justify-content: space-between;
  margin-bottom: calc(32 * var(--width-ratio3));
}
.p-order--normal .p-order__gallery {
  flex-direction: column;
  row-gap: calc(15*var(--width-ratio2));
  width: calc(600*var(--width-ratio2));
  margin-bottom: 0;
}
.p-order__gallery .gallery_main {
  width: calc(600 * var(--width-ratio3));
  height: calc(542 * var(--width-ratio3));
}
.p-order__gallery .gallery_main li {
  display: none;
  width: 100%;
  height: 100%;
  border: #e2e2e2 1px solid;
  border-radius: calc(8 * var(--width-ratio3));
  opacity: 0;
  padding: calc(70 * var(--width-ratio3)) calc(98 * var(--width-ratio3)) calc(69 * var(--width-ratio3));
  transition: 0.3s;
}
.p-order__gallery .gallery_main li {
  border-radius: calc(8 * var(--width-ratio2));
  padding: calc(70 * var(--width-ratio2)) calc(98 * var(--width-ratio2)) calc(69 * var(--width-ratio2));
}
.p-order__gallery .gallery_main li.js-current {
  display: block;
  opacity: 1;
}
.p-order__gallery .gallery_main li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-order__gallery .gallery_thumb {
  width: calc(206 * var(--width-ratio3));
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: calc(16 * var(--width-ratio3));
  row-gap: calc(16 * var(--width-ratio3));
}
.p-order--normal .p-order__gallery .gallery_thumb {
  width: 100%;
  column-gap: calc(10 * var(--width-ratio3));
  row-gap: calc(10 * var(--width-ratio3));
}
.p-order__gallery .gallery_thumb li {
  width: calc(95 * var(--width-ratio3));
  height: calc(95 * var(--width-ratio3));
  padding: calc(10 * var(--width-ratio3));
  cursor: pointer;
  border: #e2e2e2 1px solid;
  border-radius: calc(4 * var(--width-ratio3));
  transition: 0.3s;
}
.p-order--normal .p-order__gallery .gallery_thumb li {
  width: calc(66 * var(--width-ratio3));
  height: calc(66 * var(--width-ratio3));
  padding: 0;
}
.p-order__gallery .gallery_thumb li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-order--normal .p-order__detail {
  width: calc(534*var(--width-ratio2));
}
.p-order__maker {
  font-size: calc(16 * var(--width-ratio3));
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.25;
  margin-bottom: 1em;
}
.p-order h1 {
  font-size: calc(28 * var(--width-ratio3));
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.42;
  margin-bottom: 0.25em;
}
.p-order__price {
  display: flex;
  align-items: baseline;
  border-bottom: #e2e2e2 1px solid;
  padding-bottom: calc(53 * var(--width-ratio3));
}
.p-order__price .yen {
  font-size: calc(18 * var(--width-ratio3));
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.44;
  margin-right: 0.27em;
}
.p-order__price .price {
  font-size: calc(26 * var(--width-ratio3));
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.19;
  margin-right: 0.35em;
}
.p-order__price .tax {
  font-size: calc(14 * var(--width-ratio3));
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.42;
}

@media screen and (max-width: 768px) {
  .p-order__wrapper {
    border-radius: calc(6 * var(--width-ratio3));
    padding: calc(24 * var(--width-ratio3)) calc(16 * var(--width-ratio3)) calc(49 * var(--width-ratio3));
    margin: 0 auto calc(10 * var(--width-ratio3));
  }
  .p-order--normal .p-order__wrapper {
    flex-direction: column;
    justify-content: flex-start;
    border-radius: calc(6 * var(--width-ratio2));
    padding: calc(24 * var(--width-ratio2)) calc(16 * var(--width-ratio2)) calc(60 * var(--width-ratio2));
  }
  .p-order__gallery {
    flex-direction: column;
    justify-content: flex-start;
    row-gap: calc(10 * var(--width-ratio3));
    margin-bottom: calc(24 * var(--width-ratio3));
  }
  .p-order__gallery .gallery_main {
    width: calc(258 * var(--width-ratio3));
    height: calc(232 * var(--width-ratio3));
    margin: 0 auto;
  }
  .p-order__gallery .gallery_main li {
    padding: calc(30 * var(--width-ratio3)) calc(42 * var(--width-ratio3));
  }
  .p-order__gallery .gallery_thumb {
    width: 100%;
    column-gap: calc(10 * var(--width-ratio3));
    row-gap: calc(10 * var(--width-ratio3));
  }
  .p-order__gallery .gallery_thumb li {
    width: calc(57 * var(--width-ratio3));
    height: calc(57 * var(--width-ratio3));
    padding: calc(6.5 * var(--width-ratio3));
  }
  .p-order__maker {
    font-size: calc(12 * var(--width-ratio3));
    margin-bottom: 0.83em;
  }
  .p-order h1 {
    font-size: calc(18 * var(--width-ratio3));
    line-height: 1.5;
    margin-bottom: 0.5em;
  }
  .p-order__price {
    padding-bottom: calc(21 * var(--width-ratio3));
  }
  .p-order--normal .p-order__gallery {
    row-gap: calc(10*var(--width-ratio2));
    width: 100%;
    margin-bottom: calc(24*var(--width-ratio2));
  }
  .p-order--normal .p-order__gallery .gallery_thumb li {
    width: calc(57 * var(--width-ratio3));
    height: calc(57 * var(--width-ratio3));
    padding: calc(6.5 * var(--width-ratio3));
  }
  .p-order--normal .p-order__detail {
    width: 100%;
  }
}

/*===============================
 フォーム
 ===============================*/
.p-order__form {
  width: 100%;
  margin-top: calc(16 * var(--width-ratio3));
}
.p-order__color {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: calc(80 * var(--width-ratio3));
}
.p-order__color .color_guide {
  display: flex;
  flex-direction: column;
  width: calc(56 * var(--width-ratio3));
}
.p-order__color .color_ttl {
  margin-bottom: calc(10 * var(--width-ratio3));
}
.p-order__color .color_ttl .ja {
  display: block;
  font-size: calc(18 * var(--width-ratio3));
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.44;
  margin-bottom: 0.28em;
}
.p-order__color .color_ttl .en {
  display: block;
  font-size: calc(14 * var(--width-ratio3));
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.21;
  color: rgba(102, 102, 102, 0.5);
}
.p-order__color .color_bright {
  height: calc(169 * var(--width-ratio3));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  row-gap: calc(5 * var(--width-ratio3));
}
.p-order__color .color_bright .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(14 * var(--width-ratio3));
  font-weight: 500;
  width: calc(32 * var(--width-ratio3));
  height: calc(32 * var(--width-ratio3));
  border: #707070 1px solid;
  border-radius: 50%;
  background-color: #fff;
}
.p-order__color .color_bright .circle--dark {
  background-color: #1a1a1a;
  color: #e2e2e2;
}
.p-order__color .dotted-line {
  display: block;
  height: calc(94.46 * var(--width-ratio3));
  width: calc(1.5 * var(--width-ratio3));
  background: repeating-linear-gradient(to bottom, rgba(102, 102, 102, 0.5) 0px, rgba(102, 102, 102, 0.5) calc(1.5 * var(--width-ratio3)), transparent calc(1.5 * var(--width-ratio3)), transparent calc(8 * var(--width-ratio3)));
  z-index: 1;
}
.p-order__color .color_table {
  display: flex;
  justify-content: flex-start;
  column-gap: calc(15 * var(--width-ratio3));
  width: calc(781 * var(--width-ratio3));
  padding-top: calc(8 * var(--width-ratio3));
}
.p-order__color .color_row {
  width: calc(144 * var(--width-ratio3));
}
.p-order__color .color_th {
  font-size: calc(14 * var(--width-ratio3));
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.42;
  border-bottom: #e2e2e2 1px solid;
  padding-bottom: 0.64em;
  margin-bottom: 1.5em;
}
.p-order__color .color_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-order__color .color_list li:not(:last-of-type) {
  margin-bottom: calc(16 * var(--width-ratio3));
}
.p-order__color .color_name {
  display: flex;
  align-items: center;
  font-size: calc(14 * var(--width-ratio3));
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.42;
}
.p-order__color .color_name::before {
  content: "";
  display: block;
  width: calc(20 * var(--width-ratio3));
  height: calc(20 * var(--width-ratio3));
  border-radius: 50%;
  margin-right: calc(4 * var(--width-ratio3));
}
.p-order__color .color_row--ash .color_name::before {
  background-color: #d0d0d0;
}
.p-order__color .color_row--yellow .color_name::before {
  background-color: #fff390;
}
.p-order__color .color_row--green .color_name::before {
  background-color: #5cff5d;
}
.p-order__color .color_row--blue .color_name::before {
  background-color: #724afb;
}
.p-order__color .color_row--brown .color_name::before {
  background-color: #995a22;
}
.p-order__color .color_sppiner {
  display: flex;
  align-items: center;
}
.p-order__color .color_sppiner input[type="number"] {
  width: calc(19 * var(--width-ratio3));
  height: calc(16 * var(--width-ratio3));
  font-size: calc(12 * var(--width-ratio3));
  font-weight: 700;
  text-align: center;
  -moz-appearance: textfield;
}
.p-order__color .color_sppiner input[type="number"]::-webkit-outer-spin-button,
.p-order__color .color_sppiner input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.p-order__color .color_sppiner .minus,
.p-order__color .color_sppiner .plus {
  width: calc(12 * var(--width-ratio3));
  height: calc(12 * var(--width-ratio3));
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.p-order__color .color_sppiner .minus {
  background-image: url(../img/order/spinner_minus.png);
}
.p-order__color .color_sppiner .plus {
  background-image: url(../img/order/spinner_plus.png);
}
.p-order__color button {
	display: none;
}
.p-order__submit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(302 * var(--width-ratio3));
  height: calc(72 * var(--width-ratio3));
  background-color: #1a1a1a;
  border-radius: calc(14 * var(--width-ratio3));
  padding: 0 calc(18.5 * var(--width-ratio3)) 0 calc(19 * var(--width-ratio3));
  margin: 0 auto calc(80 * var(--width-ratio3));
  cursor: pointer;
}
.p-order--normal .p-order__submit {
  margin: 0 0 0 calc(34*var(--width-ratio2));
}
.p-order__submit .txt {
  display: flex;
  align-items: center;
  font-size: calc(12 * var(--width-ratio3));
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  color: #fff;
}
.p-order__submit .txt::before {
  content: "";
  width: calc(17 * var(--width-ratio3));
  height: calc(16.1 * var(--width-ratio3));
  background-image: url(../img/order/icon_cart_w.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: calc(7.5 * var(--width-ratio3));
}
.p-order__submit .price {
  display: flex;
  align-items: baseline;
}
.p-order__submit span {
  display: block;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.42;
  color: #e2e2e2;
}
.p-order__submit .yen {
  font-size: calc(14 * var(--width-ratio3));
}
.p-order__submit .money {
  font-size: calc(20 * var(--width-ratio3));
}
.p-order--normal .p-order__size {
  margin-bottom: calc(35*var(--width-ratio2));
}
.p-order--normal .p-order__size .size_ttl {
  display: flex;
  align-items: baseline;
  font-size: calc(18*var(--width-ratio2));
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.44;
  margin-bottom: 0.94em;
}
.p-order--normal .p-order__size .size_ttl span {
  display: block;
  font-size: calc(14*var(--width-ratio2));
  font-weight: 500;
  line-height: 1.21;
  color: rgba(102, 102, 102, .5);
  margin-left: 1.35em;
}
.p-order--normal .p-order__size .size_btns {
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(8*var(--width-ratio2));
  row-gap: calc(8*var(--width-ratio2));
  margin-bottom: calc(35*var(--width-ratio2));
}
.p-order--normal .p-order__size .size_btns label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(126*var(--width-ratio2));
  height: calc(34*var(--width-ratio2));
  border-radius: calc(36*var(--width-ratio2));
  border: #E2E2E2 1px solid;
  font-size: calc(16*var(--width-ratio2));
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1;
  cursor: pointer;
}
.p-order--normal .p-order__size .size_btns label:has(+ input:checked) {
  background-color: #1A1A1A;
  border-color: #1A1A1A;
  color: #E2E2E2;
}
.p-order--normal .p-order__size .size_btns input[type="radio"] {
  display: none;
}
.p-order--normal .p-order__incart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(49*var(--width-ratio2));
}
.p-order--normal .p-order__pnum {
  display: flex;
  align-items: center;
}
.p-order--normal .p-order__pnum .pnum_label {
  font-size: calc(18*var(--width-ratio2));
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-right: 1.22em;
}
.p-order--normal .p-order__pnum .pnum_spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: calc(2*var(--width-ratio2));
}
.p-order--normal .p-order__pnum .pnum_spinner span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(22*var(--width-ratio2));
  font-weight: 500;
  width: calc(38*var(--width-ratio2));
  height: calc(38*var(--width-ratio2));
  background-color: #E2E2E2;
}
.p-order--normal .p-order__pnum .pnum_spinner input {
  width: calc(57*var(--width-ratio2));
  height: calc(38*var(--width-ratio2));
  font-family: 'Noto Sans JP',serif;
  font-size: calc(18*var(--width-ratio2));
  font-weight: 700;
  text-align: center;
  -moz-appearance: textfield;
}
.p-order--normal .p-order__pnum .pnum_spinner input[type="number"]::-webkit-outer-spin-button,
.p-order--normal .p-order__pnum .pnum_spinner input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media screen and (max-width: 768px) {
	.p-order__color {
		margin-bottom: calc(31*var(--width-ratio3));
	}
  .p-order__color .color_table {
    flex-wrap: wrap;
    row-gap: calc(11 * var(--width-ratio3));
    width: calc(242 * var(--width-ratio3));
    padding: calc(4 * var(--width-ratio3)) 0;
  }
  .p-order__color .color_row {
    width: 100%;
  }
  .p-order__color .color_th {
    display: flex;
    justify-content: space-between;
    align-items: center;
		margin-bottom: 0;
  }
  .p-order__color .color_toggle {
    background-color: #F4F4F4;
    width: calc(26 * var(--width-ratio3));
    height: calc(26 * var(--width-ratio3));
    cursor: pointer;
    position: relative;
  }
	.p-order__color .color_row.js-open .color_toggle {
    background-color: #1a1a1a;
	}
  .p-order__color .color_toggle span {
    width: calc(16 * var(--width-ratio3));
    height: calc(2 * var(--width-ratio3));
    background-color: #1a1a1a;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center center;
    transform: translate(-50%, -50%);
  }
	.p-order__color .color_row.js-open .color_toggle span {
    background-color: #e2e2e2;
	}
  .p-order__color .color_toggle span:nth-of-type(2) {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: 0.3s;
  }
  .p-order__color .color_row.js-open .color_toggle span:nth-of-type(2) {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(180deg);
  }
	.p-order__color .color_sppiner {
		column-gap: calc(4*var(--width-ratio3));
	}
  .p-order__color .color_sppiner .minus,
  .p-order__color .color_sppiner .plus {
    width: calc(24 * var(--width-ratio3));
    height: calc(24 * var(--width-ratio3));
		background-color: #E2E2E2;
		position: relative;
  }
  .p-order__color .color_sppiner .minus {
    background-image: none;
  }
	.p-order__color .color_sppiner .minus::after,
	.p-order__color .color_sppiner .plus::after {
		font-size: calc(11*var(--width-ratio3));
		font-weight: 500;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
  .p-order__color .color_sppiner .minus::after {
		content: '-';
	}
  .p-order__color .color_sppiner .plus {
    background-image: none;
  }
	.p-order__color .color_sppiner .plus::after {
		content: '+';
	}
	.p-order__color .color_sppiner input[type="number"] {
    width: calc(34 * var(--width-ratio3));
    height: calc(24.5 * var(--width-ratio3));
    font-size: calc(10 * var(--width-ratio3));
	}
	.p-order__color button {
		display: block;
		background-color: transparent;
		border: none;
		font-size: calc(15*var(--width-ratio3));
		font-weight: 600;
		letter-spacing: 0.03em;
		text-decoration: underline;
		padding: 0;
		margin: 0 0 0 calc(10*var(--width-ratio3));
	}
	.p-order__color .color_body {
		overflow: hidden;
		height: 0;
		transition: .3s;
	}
	.p-order__color .color_list {
		padding: calc(15*var(--width-ratio3)) 0;
	}
	.p-order__submit {
    width: calc(266 * var(--width-ratio3));
    height: calc(46 * var(--width-ratio3));
    border-radius: calc(10 * var(--width-ratio3));
    padding: 0 calc(11 * var(--width-ratio3));
    margin: 0 auto calc(30 * var(--width-ratio3));
	}
	.p-order__submit .txt::before {
    width: calc(15.11 * var(--width-ratio3));
    height: calc(14.29 * var(--width-ratio3));
    margin-right: calc(6.1 * var(--width-ratio3));
	}
  .p-order--normal .p-order__size {
    margin-bottom: calc(29*var(--width-ratio2));
  }
  .p-order--normal .p-order__size .size_ttl {
    margin-bottom: 0.77em;
  }
  .p-order--normal .p-order__size .size_ttl span {
    margin-left: 1.28em;
  }
  .p-order--normal .p-order__size .size_btns {
    column-gap: calc(10*var(--width-ratio2));
    row-gap: calc(10*var(--width-ratio2));
    margin-bottom: calc(29*var(--width-ratio2));
  }
  .p-order--normal .p-order__size .size_btns label {
    width: calc(158*var(--width-ratio2));
    height: calc(46*var(--width-ratio2));
    font-size: calc(15*var(--width-ratio2));
    letter-spacing: 0.01em;
  }
  .p-order--normal .p-order__incart {
    flex-direction: column;
    justify-content: center;
    row-gap: calc(14.4*var(--width-ratio2));
    margin-bottom: calc(30*var(--width-ratio2));
  }
  .p-order--normal .p-order__pnum .pnum_label {
    margin-right: 0.83em;
  }
  .p-order--normal .p-order__pnum .pnum_spinner {
    column-gap: calc(4*var(--width-ratio2));
  }
  .p-order--normal .p-order__pnum .pnum_spinner span {
    font-size: calc(11*var(--width-ratio2));
    width: calc(24*var(--width-ratio2));
    height: calc(24*var(--width-ratio2));
  }
  .p-order--normal .p-order__pnum .pnum_spinner input {
    width: calc(34*var(--width-ratio2));
    height: calc(24.56*var(--width-ratio2));
    font-size: calc(10*var(--width-ratio2));
  }
}

/*===============================
 FAQ
 ===============================*/
.p-order__faq {
  margin-bottom: calc(20 * var(--width-ratio3));
}
.p-order__faq .faq_ttl {
  font-size: calc(18 * var(--width-ratio3));
  font-weight: 700;
  letter-spacing: 0.03em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: calc(58 * var(--width-ratio3));
  background-color: rgba(226, 226, 226, 0.4);
  padding: 0 calc(7 * var(--width-ratio3)) 0 calc(18 * var(--width-ratio3));
  position: relative;
}
.p-order__faq .faq_ttl::after {
  content: "";
  display: block;
  width: calc(40.5 * var(--width-ratio3));
  height: 1px;
  background-color: #1a1a1a;
  position: absolute;
  bottom: 0;
  left: calc(18.5 * var(--width-ratio3));
}
.p-order__faq .faq_toggle {
  width: calc(38 * var(--width-ratio3));
  height: calc(38 * var(--width-ratio3));
  background-color: #1a1a1a;
  cursor: pointer;
  position: relative;
}
.p-order__faq .faq_toggle span {
  display: block;
  width: calc(16 * var(--width-ratio3));
  height: calc(2 * var(--width-ratio3));
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #e2e2e2;
  transform-origin: center center;
}
.p-order__faq .faq_toggle span:nth-of-type(1) {
  transform: translate(-50%, -50%);
}
.p-order__faq .faq_toggle span:nth-of-type(2) {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: 0.3s;
}
.p-order__faq.js-open .faq_toggle span:nth-of-type(2) {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(180deg);
}
.p-order__faq .faq_cnt {
  overflow: hidden;
  height: 0;
  transition: 0.3s;
}
.p-order__faq .faq_inner {
  padding: calc(24 * var(--width-ratio3)) calc(18 * var(--width-ratio3)) calc(20 * var(--width-ratio3));
}
.p-order__faq .faq_inner h2 {
  display: block;
  font-size: calc(20 * var(--width-ratio3));
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: 0.03em;
  padding-bottom: 0.6em;
  border-bottom: #e2e2e2 1px solid;
  margin-bottom: 0.8em;
  position: relative;
}
.p-order__faq .faq_inner h2::after {
  content: "";
  display: block;
  width: calc(40.5 * var(--width-ratio3));
  height: 1px;
  background-color: #1a1a1a;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
}
.p-order__faq .faq_inner h3 {
  font-size: calc(18 * var(--width-ratio3));
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.5;
  background-color: #f3f3f3;
  border-left: #1a1a1a 2px solid;
  padding-left: 0.33em;
  margin-bottom: 0.66em;
}
.p-order__faq .faq_inner p {
  font-size: calc(16 * var(--width-ratio3));
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.8;
  margin-bottom: 1.5em;
}
.p-order__faq .faq_inner img {
  margin-bottom: calc(36 * var(--width-ratio3));
}
.p-order__faq ol,
.p-order__faq ul {
  list-style: none;
  font-size: calc(16 * var(--width-ratio3));
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  margin-bottom: calc(18 * var(--width-ratio3));
}
.p-order__faq ul li {
  position: relative;
  padding-left: calc(21 * var(--width-ratio3));
}
.p-order__faq ul li:not(:last-of-type) {
  margin-bottom: calc(6 * var(--width-ratio3));
}
.p-order__faq ul li::before {
  content: "";
  display: inline-block;
  width: calc(16 * var(--width-ratio3));
  height: calc(16 * var(--width-ratio3));
  background-color: #e2e2e2;
  border-radius: 50%;
  position: absolute;
  top: calc(4*var(--width-ratio3));
  left: 0;
  z-index: 0;
}
.p-order__faq ul li::after {
  content: "";
  display: block;
  width: calc(10 * var(--width-ratio3));
  height: calc(10 * var(--width-ratio3));
  background-color: #1a1a1a;
  border-radius: 50%;
  position: absolute;
  top: calc(7*var(--width-ratio3));
  left: calc(3 * var(--width-ratio3));
  z-index: 1;
}
.p-order__faq ol {
  counter-reset: number;
  margin-bottom: calc(35 * var(--width-ratio3));
}
.p-order__faq ol li {
	padding-left: calc(26*var(--width-ratio3));
  position: relative;
}
.p-order__faq ol li:not(:last-of-type) {
  margin-bottom: 0.75em;
}
.p-order__faq ol li::before {
	position: absolute;
	top: 0;
	left: 0;
  counter-increment: number;
  content: counter(number, decimal-leading-zero);
  font-size: calc(16 * var(--width-ratio3));
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-right: 0.5em;
}
.p-order__faq h4 {
  font-size: calc(18 * var(--width-ratio3));
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.33;
  border-left: #1a1a1a 4px solid;
  padding-left: 0.5em;
  margin-bottom: 1.11em;
}
.p-order__faq dl {
  display: flex;
  flex-wrap: wrap;
  row-gap: calc(8 * var(--width-ratio3));
  font-size: calc(16 * var(--width-ratio3));
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.5;
}
.p-order__faq dt {
  min-width: 7.83em;
  border-bottom: #1a1a1a 1px solid;
  padding: 1em 0;
}
.p-order__faq dd {
  flex-grow: 1;
  max-width: calc(100% - 7.83em);
  width: 100%;
  padding: 1em 0 1em 1em;
  border-bottom: #e2e2e2 1px solid;
}

@media screen and (max-width:768px) {
	.p-order__faq .faq_ttl {
    font-size: calc(17 * var(--width-ratio3));
    letter-spacing: 0.01em;
    height: calc(56 * var(--width-ratio3));
    padding: 0 calc(14 * var(--width-ratio3)) 0 calc(21 * var(--width-ratio3));
	}
	.p-order__faq .faq_toggle {
    width: calc(26 * var(--width-ratio3));
    height: calc(26 * var(--width-ratio3));
	}
	.p-order__faq .faq_inner {
    padding: calc(18 * var(--width-ratio3)) calc(8 * var(--width-ratio3)) 0;
	}
	.p-order__faq .faq_inner img {
    margin-bottom: calc(16 * var(--width-ratio3));
	}
	.p-order__faq ol li {
		padding-left: calc(21*var(--width-ratio3));
	}
	.p-order__faq ol li:not(:last-of-type) {
		margin-bottom: calc(12*var(--width-ratio3));
	}
	.p-order__faq ol li::before {
		font-size: calc(12 * var(--width-ratio3));
		top: calc(4*var(--width-ratio3));
		margin-right: 0.42em;
	}
	.p-order__faq dl {
    row-gap: 0;
	}
	.p-order__faq dt {
    width: 100%;
    border-bottom: #E2E2E2 1px solid;
    padding: 1em 0;
		position: relative;
	}
	.p-order__faq dt::after {
		content: '';
		display: block;
		width: calc(125*var(--width-ratio3));
		height: 1px;
		position: absolute;
		background-color: #1A1A1A;
		bottom: -1px;
		left: 0;
	}
	.p-order__faq dd {
    max-width: 100%;
    padding: 1em 0;
    border-bottom: none;
	}
}