@charset "utf-8";

.estimate {
  position: relative;
  z-index: 1;
}
.form {
  padding-bottom: 180px;
  background: rgba(var(--color-navy), 1);
  transition: background .4s;
}
.form--result {
  padding-bottom: 150px;
  background: rgba(var(--color-navy), .1);
}
[data-display-makerselect="true"],
[data-display-carselect="true"],
[data-display-optionselect="true"],
[data-display-result="true"] {
  display: none;
}
.form--makerselect [data-display-makerselect="true"],
.form--carselect [data-display-carselect="true"],
.form--optionselect [data-display-optionselect="true"],
.form--result [data-display-result="true"] {
  display: block;
  animation: .3s fadein;
}
.form--result .estimate__document {
  display: grid;
}
.form--result .estimate__btn--group {
  display: flex;
}
@keyframes fadein {
  0%{ opacity: 0 }
  100%{ opacity: 1; }
}
.estimate__heading {
  position: relative;
  z-index: 1;
}
.estimate__heading__photo {
  position: absolute;
  z-index: -1;
  inset: 0;
}
.estimate__heading__photo img {
  height: 100%;
  object-fit: cover;
}
.estimate__heading__txt {
  padding-block: clamp(100px, calc(200 / 1200 * 100vw), 200px) clamp(90px, calc(190 / 1200 * 100vw), 190px);
}
.estimate__heading__txt__ja {
  font-size: clamp(34px, calc(54 / 1200 * 100vw), 54px);
}
.estimate__heading__txt__en {
  font-size: clamp(14px, calc(24 / 1200 * 100vw), 24px);
  margin-top: calc(30 / 24 * 1em);
}
.estimate__name {
  padding-top: 200px;
}
/* .estimate__name__heading {
} */
.estimate__name__textbox {
  margin-top: 80px;
}
.estimate__name__textbox__input {
  width: min(100%, 610px);
  height: clamp(60px, calc(80 / 1200 * 100vw), 80px);
  box-sizing: border-box;
  border: 2px solid rgba(var(--color-navy), 1);
  border-radius: 0;
  padding-inline: 1em;
  background: #fff;
  outline: none;
  appearance: none;
}
.estimate__makers {
  padding-top: 200px;
}
.heading {
  max-width: 1440px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
}
.heading-step {
  font-size: clamp(40px, calc(60 / 1200 * 100vw), 60px);
  margin-right: calc(40 / 60 * 1em);
}
.heading-txt {
  font-size: clamp(16px, calc(26 / 1200 * 100vw), 26px);
  line-height: 1.5;
  margin-block: calc(var(--leading-trim));
}
/* .estimate__makers__heading {
} */
.list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 85px 70px;
}
.list-item {
  position: relative;
  z-index: 1;
}
/* .list-item-input {
} */
.list-item-label {
  position: relative;
  z-index: 1;
  height: 100%;
  grid-template-columns: 100%;
  justify-items: center;
  align-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 2px solid rgba(var(--color-navy), .5);
  background: #fff;
  cursor: pointer;
  touch-action: manipulation;
}
.list-item-input:disabled + .list-item-label {
  cursor: initial;
}
.list-item-label::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  translate: -50% -50%;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  box-sizing: border-box;
  border: 1px solid #C0C1C3;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M18.799,27.153l-7.211-7.433c-.447-.461-.443-1.205.009-1.662.452-.456,1.181-.452,1.629.009l5.615,5.789,11.204-10.953c.46-.448,1.189-.433,1.629.036.44.469.425,1.213-.035,1.662l-12.841,12.553Z" fill="%23C0C1C3"/><rect width="40" height="40" opacity="0"/></svg>') no-repeat center/100% auto #fff;
}
.list-item-input:checked + .list-item-label::before {
  border: 3px solid #CC0000;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M18.799,27.153l-7.211-7.433c-.447-.461-.443-1.205.009-1.662.452-.456,1.181-.452,1.629.009l5.615,5.789,11.204-10.953c.46-.448,1.189-.433,1.629.036.44.469.425,1.213-.035,1.662l-12.841,12.553Z" fill="%23CC0000"/><rect width="40" height="40" opacity="0"/></svg>') no-repeat center/100% auto #fff;
}
.estimate__makers__list {
  margin-top: 100px;
}
/* .estimate__makers__list__item {
}
.estimate__makers__list__item__input {
}
.estimate__makers__list__item__label {
} */
.estimate__makers__list__item__label__photo {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 270 / 275;
}
.estimate__makers__list__item__label__photo img {
  width: clamp(128px, calc(168 / 1200 * 100vw), 168px);
  max-width: 90%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}
.estimate__makers__list__item__label__photo--nophoto {
  font-size: clamp(16px, calc(26 / 1200 * 100vw), 26px);
  color: rgba(var(--color-navy), .3);
}
.estimate__makers__list__item__input:disabled + .estimate__makers__list__item__label .estimate__makers__list__item__label__photo {
  opacity: .2;
  filter: grayscale(1);
}
.estimate__cars {
  padding-top: 210px;
}
/* .estimate__cars__heading {
} */
.estimate__cars__list {
  margin-top: 100px;
}
.estimate__cars__list__item {
  display: none;
}
.estimate__cars__list__item--active {
  display: block;
  animation: .3s fadein;
}
/* .estimate__cars__list__item__input {
} */
.estimate__cars__list__item__label {
  padding: 35px 30px 25px;
}
.estimate__cars__list__item__label__photo {
  display: block;
  height: clamp(100px, calc(150 / 1200 * 100vw), 150px);
}
.estimate__cars__list__item__label__photo img {
  height: 100%;
  object-fit: contain;
}
.estimate__cars__list__item__label__photo--nophoto {
  display: grid;
  place-items: center;
  font-size: clamp(16px, calc(26 / 1200 * 100vw), 26px);
  color: rgba(var(--color-navy), .3);
}
.estimate__cars__list__item__label__name {
  font-size: clamp(12px, calc(18 / 1200 * 100vw), 18px);
  line-height: 1.5;
  margin-block: calc(1em + var(--leading-trim)) calc(var(--leading-trim));
}
.estimate__cars__list__item__label__model {
  font-size: clamp(11px, calc(16 / 1200 * 100vw), 16px);
  line-height: 1.5;
  margin-block: calc(.5em + var(--leading-trim)) calc(var(--leading-trim));
}
.estimate__grade {
  padding-top: 210px;
}
/* .estimate__grade__heading {
} */
.estimate__grade__textbox {
  margin-top: 80px;
}
.estimate__grade__textbox__input {
  width: min(100%, 610px);
  height: clamp(60px, calc(80 / 1200 * 100vw), 80px);
  box-sizing: border-box;
  border: 2px solid rgba(var(--color-navy), 1);
  border-radius: 0;
  padding-inline: 1em;
  background: #fff;
  outline: none;
  appearance: none;
}
.estimate__options {
  padding-top: 200px;
}
/* .estimate__options__heading {
} */
.estimate__options__content {
  margin-top: 80px;
}
.estimate__options__content__item {
  display: none;
}
.estimate__options__content__item--active {
  display: block;
  animation: .3s fadein;
}
.estimate__options__content__item__group {
  box-sizing: border-box;
  padding: 65px calc(70 / 1290 * 100%) 70px;
  background: linear-gradient(0deg, rgba(var(--color-navy), .9), rgba(var(--color-navy), .9)) no-repeat center/100% 100% #fff;
}
.estimate__options__content__item__group + .estimate__options__content__item__group {
  margin-top: 30px;
}
.estimate__options__content__item__group__heading {
  grid-template-columns: calc(30 / 24 * 1em) minmax(0, 1fr);
  align-items: start;
  gap: 0 calc(20 / 24 * 1em);
  font-size: clamp(18px, calc(24 / 1200 * 100vw), 24px);
  line-height: 1.5;
  margin-block: calc(var(--leading-trim));
}
.estimate__options__content__item__group__heading::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: calc((1.5 / 2) * 1em);
  background: currentColor;
}
.estimate__options__content__item__group__list {
  margin-top: 50px;
  grid-template-columns: 100%;
  gap: 30px 0;
}
.estimate__options__content__item__group__list__item {
  position: relative;
  z-index: 1;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 30px;
  box-sizing: border-box;
  border: 2px solid rgba(var(--color-navy), .5);
  padding: 28px;
  color: rgba(var(--color-navy), 1);
  background: #fff;
}
.estimate__options__content__item__group__list__item--none {
  grid-template-columns: auto minmax(0, 1fr);
}
/* .estimate__options__content__item__group__list__item__input {
} */
.estimate__options__content__item__group__list__item__check {
  position: relative;
  z-index: 1;
  width: 40px;
  height: 40px;
}
.estimate__options__content__item__group__list__item__check::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  box-sizing: border-box;
  border: 1px solid #C0C1C3;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M18.799,27.153l-7.211-7.433c-.447-.461-.443-1.205.009-1.662.452-.456,1.181-.452,1.629.009l5.615,5.789,11.204-10.953c.46-.448,1.189-.433,1.629.036.44.469.425,1.213-.035,1.662l-12.841,12.553Z" fill="%23C0C1C3"/><rect width="40" height="40" opacity="0"/></svg>') no-repeat center/100% auto #fff;
}
.estimate__options__content__item__group__list__item__input:checked + .estimate__options__content__item__group__list__item__check::before {
  border: 3px solid #CC0000;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M18.799,27.153l-7.211-7.433c-.447-.461-.443-1.205.009-1.662.452-.456,1.181-.452,1.629.009l5.615,5.789,11.204-10.953c.46-.448,1.189-.433,1.629.036.44.469.425,1.213-.035,1.662l-12.841,12.553Z" fill="%23CC0000"/><rect width="40" height="40" opacity="0"/></svg>') no-repeat center/100% auto #fff;
}
.estimate__options__content__item__group__list__item__info {
  font-size: clamp(11px, calc(14 / 1200 * 100vw), 14px);
  gap: calc(10 / 14 * 1em) calc(15 / 14 * 1em);
}
.estimate__options__content__item__group__list__item__info__name {
  flex: 1 0 100%;
  font-size: calc(22 / 14 * 100%);
  line-height: 1.5;
  margin-block: calc(var(--leading-trim));
}
.estimate__options__content__item__group__list__item__info__maker {
  line-height: 1.5;
  margin-block: calc(var(--leading-trim));
}
.estimate__options__content__item__group__list__item__info__number {
  line-height: 1.5;
  margin-block: calc(var(--leading-trim));
}
.estimate__options__content__item__group__list__item__info__data {
  flex: 0 1 100%;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 50px), auto));
  gap: 2px;
  font-size: max(10px, 80%);
}
.estimate__options__content__item__group__list__item__info__data:empty {
  display: none;
}
.estimate__options__content__item__group__list__item__info__data__item {
  grid-template-columns: 100%;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
  box-sizing: border-box;
  border: 1px solid currentColor;
}
.estimate__options__content__item__group__list__item__info__data__item__term {
  box-sizing: border-box;
  padding: .25em;
  line-height: 1.5;
  text-align: center;
  background: rgba(0, 0, 0, .1);
}
.estimate__options__content__item__group__list__item__info__data__item__desc {
  border-top: 1px solid currentColor;
  box-sizing: border-box;
  padding: .25em;
  line-height: 1.5;
}
.estimate__options__content__item__group__list__item__info__memo {
  font-size: max(10px, 80%);
  line-height: 1.4;
}
.estimate__options__content__item__group__list__item__price {
  font-size: clamp(12px, calc(16 / 1200 * 100vw), 16px);
}
.estimate__options__content__item__group__list__item__price__value {
  font-size: calc(36 / 16 * 100%);
  margin-bottom: -.05em;
}
/* .estimate__options__content__item__group__list__item__price__unit {
}
.estimate__options__content__item__group__list__item__price__memo {
} */
.estimate__options__content__item__group__list__item__label {
  position: absolute;
  z-index: 1;
  inset: 0;
  cursor: pointer;
  touch-action: manipulation;
}
.estimate__other {
  padding-block: 210px 50px;
}
/* .estimate__other__heading {
} */
.estimate__other__textbox {
  margin-top: 80px;
}
.estimate__other__textbox__input {
  width: 100%;
  height: 200px;
  box-sizing: border-box;
  border: 2px solid rgba(var(--color-navy), 1);
  border-radius: 0;
  padding: 1em;
  background: #fff;
  outline: none;
  appearance: none;
}
/* .estimate__btn {
} */
.estimate__btn__link {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100px;
  border-radius: 9999px;
  font-size: clamp(16px, calc(26 / 1200 * 100vw), 26px);
  letter-spacing: .05em;
  color: #fff;
  background: rgba(var(--color-navy), 1);
  cursor: pointer;
}
.estimate__btn--result {
  max-width: 600px;
  margin-top: 120px;
}
.estimate__btn--result .estimate__btn__link {
  color: rgba(var(--color-navy), 1);
  background: rgba(var(--color-blue), 1);
}
.estimate__document {
  padding-top: 150px;
}
.estimate__document__content {
  max-width: 1300px;
  grid-template-columns: calc(460 / 1100 * 100%) minmax(0, 1fr);
  align-items: start;
  /* gap: 0 calc(110 / 1100 * 100%); */
  gap: 0 20px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 100px min(calc(100 / 1300 * 100%), 100px);
  background: #fff;
}
.estimate__document__content__name {
  font-size: clamp(24px, calc(44 / 1200 * 100vw), 44px);
}
.estimate__document__content__date {
  max-width: fit-content;
  justify-self: end;
  grid-template-columns: auto minmax(0, 1fr);
  font-size: clamp(11px, calc(16 / 1200 * 100vw), 16px);
  line-height: 1.875;
  margin-block: calc(var(--leading-trim));
}
.estimate__document__content__date__name {
  margin-right: 1em;
}
/* .estimate__document__content__date__value {
} */
.estimate__document__content__date__documentnumber {
  grid-column: 1 / 3;
}
.estimate__document__content__to {
  margin-top: 50px;
}
.estimate__document__content__to__address {
  font-size: clamp(11px, calc(16 / 1200 * 100vw), 16px);
  line-height: 1.75;
  margin-block: calc(var(--leading-trim));
}
.estimate__document__content__to__name {
  font-size: clamp(18px, calc(24 / 1200 * 100vw), 24px);
  line-height: 1.5;
  margin-block: calc(20px + var(--leading-trim)) calc(var(--leading-trim));
}
.estimate__document__content__to__name2 {
  font-size: clamp(14px, calc(20 / 1200 * 100vw), 20px);
  margin-block: calc(20px + var(--leading-trim)) calc(var(--leading-trim));
}
.estimate__document__content__contact {
  justify-self: end;
  align-self: end;
  max-width: fit-content;
  flex-wrap: nowrap;
  margin-top: 50px;
}
.estimate__document__content__contact__logo {
  flex: 0 1 clamp(89px, calc(129 / 1200 * 100vw), 129px);
}
.estimate__document__content__contact__desc {
  flex: 0 1 auto;
  font-size: clamp(11px, calc(16 / 1200 * 100vw), 16px);
  margin-left: calc(34 / 16 * 1em);
}
.estimate__document__content__contact__desc__copy {
  line-height: 1.75;
  margin-block: calc(var(--leading-trim));
}
.document-sectionname {
  grid-template-columns: calc(30 / 20 * 1em) minmax(0, 1fr);
  align-items: center;
  gap: calc(11 / 20 * 1em);
  font-size: clamp(14px, calc(20 / 1200 * 100vw), 20px);
}
.document-sectionname::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #999;
}
.estimate__document__content__datalistname {
  grid-column: 1 / 3;
  margin-top: 20px;
}
.estimate__document__content__datalist {
  margin-top: 20px;
  grid-template-columns: auto minmax(0, 1fr);
}
.estimate__document__content__datalist__item {
  grid-template-columns: subgrid;
  grid-column: 1 / 3;
  box-sizing: border-box;
  border: 1px solid #999;
  font-size: clamp(11px, calc(16 / 1200 * 100vw), 16px);
  line-height: 1.5;
}
.estimate__document__content__datalist__item + .estimate__document__content__datalist__item {
  position: relative;
  z-index: 1;
  margin-top: -1px;
}
.estimate__document__content__datalist__item__name {
  box-sizing: border-box;
  padding: calc((15 / 16 * 1em) + var(--leading-trim)) calc(15 / 16 * 1em);
  border-right: 1px solid #999;
  text-align: center;
  background: rgba(var(--color-blue), .1);
}
.estimate__document__content__datalist__item__name small {
  font-size: max(10px, 80%);
}
.estimate__document__content__datalist__item__value {
  box-sizing: border-box;
  padding: calc((15 / 16 * 1em) + var(--leading-trim)) calc(25 / 16 * 1em);
}
/* .estimate__document__content__datalist__item__value--maker {
}
.estimate__document__content__datalist__item__value--car {
}
.estimate__document__content__datalist__item__value--grade {
} */
.estimate__document__content__totalprice {
  align-self: stretch;
  margin-top: 20px;
  align-content: start;
  box-sizing: border-box;
  border: 1px solid rgba(var(--color-navy), 1);
  padding: 30px 40px;
}
.estimate__document__content__totalprice__name {
  font-size: clamp(14px, calc(20 / 1200 * 100vw), 20px);
  margin-right: calc(14 / 20 * 1em);
}
.estimate__document__content__totalprice__memo {
  font-size: clamp(11px, calc(14 / 1200 * 100vw), 14px);
  color: #666;
}
.estimate__document__content__totalprice__price {
  flex: 1 0 100%;
  font-size: clamp(14px, calc(20 / 1200 * 100vw), 20px);
  margin-top: 30px;
}
.estimate__document__content__totalprice__price__value {
  font-size: calc(40 / 20 * 100%);
  margin-bottom: -.05em;
}
.estimate__document__content__totalprice__price__unit {
  font-size: calc(34 / 20 * 100%);
}
/* .estimate__document__content__totalprice__price__tax {
} */
.estimate__document__content__other {
  grid-column: 1 / 3;
  margin-top: 20px;
  box-sizing: border-box;
  border: 1px solid #999;
  padding: calc((15 / 16 * 1em) + var(--leading-trim)) calc(15 / 16 * 1em);
  font-size: clamp(11px, calc(16 / 1200 * 100vw), 16px);
}
/* .estimate__document__content__other__name {
} */
.estimate__document__content__other__value {
  min-height: 1em;
  padding-top: calc(1em + var(--leading-trim));
  line-height: 1.4;
}
.estimate__document__content__ordername {
  grid-column: 1 / 3;
  margin-top: 40px;
}
.estimate__document__content__order {
  grid-column: 1 / 3;
  margin-top: 20px;
  grid-template-columns: 100%;
}
.estimate__document__content__order__item {
  grid-template-columns: calc(460 / 1100 * 100%) calc(110 / 1100 * 100%) calc(150 / 1100 * 100%) calc(150 / 1100 * 100%) minmax(0, 1fr);
  box-sizing: border-box;
  border: 1px solid #999;
  font-size: clamp(11px, calc(16 / 1200 * 100vw), 16px);
}
.estimate__document__content__order__item + .estimate__document__content__order__item {
  position: relative;
  z-index: 1;
  margin-top: -1px;
}
.estimate__document__content__order__item--header {
  text-align: center;
  background: rgba(var(--color-blue), .1);
}
.estimate__document__content__order__item p {
  box-sizing: border-box;
  border-left: 1px solid #999;
  padding: calc(15 / 16 * 1em);
}
.estimate__document__content__order__item__name {
  box-sizing: border-box;
  padding: calc(15 / 16 * 1em);
  align-content: flex-start;
  gap: 0 1em;
}
.estimate__document__content__order__item__name__mainname {
  flex: 1 0 100%;
  margin-bottom: .75em;
}
.estimate__document__content__order__item__name__maker {
  font-size: calc(13 / 16 * 100%);
}
.estimate__document__content__order__item__name__number {
  font-size: calc(13 / 16 * 100%);
}
.estimate__document__content__order__item__name__data {
  flex: 0 1 100%;
  margin-top: 1em;
  gap: 0 1em;
  font-size: calc(11 / 16 * 100%);
  line-height: 1.4;
}
/* .estimate__document__content__order__item__name__data__item {
}
.estimate__document__content__order__item__name__data__item__term {
}
.estimate__document__content__order__item__name__data__item__desc {
} */
/* .estimate__document__content__order__item__quantity {
}
.estimate__document__content__order__item__unitprice {
}
.estimate__document__content__order__item__price {
} */
.estimate__document__content__order__item--data .estimate__document__content__order__item__memo {
  font-size: clamp(10px, calc(11 / 1200 * 100vw), 11px);
  line-height: 1.909090909;
  padding: calc((15 / 11 * 1em) + var(--leading-trim)) calc(15 / 11 * 1em);
  color: #666;
}
.estimate__document__content__caution {
  grid-column: 1 / 3;
  font-size: clamp(10px, calc(11 / 1200 * 100vw), 11px);
  line-height: 1.909090909;
  margin-block: calc(40px + var(--leading-trim)) calc(var(--leading-trim));
  color: #666;
}
.estimate__document__content__caution__item {
  box-sizing: border-box;
  padding-left: 1em;
  text-indent: -1em;
}
.estimate__btn--group {
  margin-top: 100px;
  gap: 50px;
}
.estimate__btn__link--print {
  flex: 0 0 clamp(400px, calc(500 / 1200 * 100vw), 500px);
}
.estimate__btn__link--pdf {
  flex: 0 0 clamp(400px, calc(500 / 1200 * 100vw), 500px);
}
.estimate__reset {
  max-width: fit-content;
  margin-top: 100px;
}
.estimate__reset__link {
  align-items: baseline;
  gap: 0 calc(17 / 18 * 1em);
  font-size: clamp(14px, calc(18 / 1200 * 100vw), 18px);
  cursor: pointer;
}
.estimate__reset__link::before {
  content: "";
  display: block;
  width: calc(31 / 18 * 1em);
  height: calc(15 / 18 * 1em);
  background: currentColor;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30.872" height="14.818" viewBox="0 0 30.872 14.818"><polygon points="30.872 6.909 2.458 6.909 11.159 .818 10.585 0 0 7.409 10.585 14.818 11.159 14 2.458 7.909 30.872 7.909 30.872 6.909"/></svg>') no-repeat center/100% auto;
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 50px 40px;
  }
  .list-item-label::before {
    translate: -10px -10px;
  }
  .estimate__document__content__datalist {
    grid-column: 1 / 3;
  }
  .estimate__document__content__totalprice {
    grid-column: 1 / 3;
  }
  .estimate__document__content__order {
    grid-template-columns: minmax(0, 1fr) auto auto auto 20%;
  }
  .estimate__document__content__order__item {
    grid-template-columns: subgrid;
    grid-column: span 5;
  }
  .estimate__document__content__totalprice__price {
    margin-top: 20px;
  }
}
@media screen and (min-width: 481px) and (max-width: 619px) {
  .list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .estimate__options__content__item__group__list__item {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .estimate__options__content__item__group__list__item__price.jc-s {
    grid-column: 1 / 3;
    justify-content: flex-end;
  }
  .estimate__document__content__to {
    grid-column: 1 / 3;
  }
  .estimate__document__content__contact {
    grid-column: 1 / 3;
  }
}
@media screen and (max-width: 480px){
  .form {
    padding-bottom: 60px;
  }
  .form--result {
    padding-bottom: 60px;
  }
  .estimate__heading__txt {
    padding-block: 70px 65px;
  }
  .estimate__heading__txt__ja {
    font-size: 30px;
  }
  .estimate__heading__txt__en {
    font-size: 18px;
    margin-top: 18px;
  }
  .estimate__name {
    padding-top: 60px;
  }
  .estimate__name__textbox {
    margin-top: 30px;
  }
  .estimate__name__textbox__input {
    height: 52px;
  }
  .estimate__makers {
    padding-top: 60px;
  }
  .heading {
    grid-template-columns: 100%;
    align-items: start;
  }
  .heading-step {
    font-size: 34px;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .heading-txt {
    font-size: 16px;
    line-height: 1.75;
  }
  .list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
  }
  .list-item-label {
    border-width: 1px;
  }
  .list-item-label::before {
    width: 21px;
    height: 21px;
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
  }
  .list-item-input:checked + .list-item-label::before {
    border: 2px solid #CC0000;
  }
  .estimate__makers__list {
    margin-top: 40px;
  }
  .estimate__makers__list__item__label__photo img {
    width: 87px;
  }
  .estimate__makers__list__item__label__photo--nophoto {
    font-size: 16px;
  }
  .estimate__cars {
    padding-top: 70px;
  }
  .estimate__cars__list {
    margin-top: 40px;
  }
  .estimate__cars__list__item__label {
    padding: 15px 10px;
  }
  .estimate__cars__list__item__label__photo {
    height: 80px;
  }
  .estimate__cars__list__item__label__photo--nophoto {
    font-size: 16px;
  }
  .estimate__cars__list__item__label__name {
    font-size: 14px;
  }
  .estimate__cars__list__item__label__model {
    font-size: 12px;
  }
  .estimate__grade {
    padding-top: 70px;
  }
  .estimate__grade__textbox {
    margin-top: 30px;
  }
  .estimate__grade__textbox__input {
    height: 52px;
  }
  .estimate__options {
    padding-top: 70px;
  }
  .estimate__options__content {
    margin-top: 30px;
  }
  .estimate__options__content__item__group {
    padding: 30px;
  }
  .estimate__options__content__item__group + .estimate__options__content__item__group {
    margin-top: 20px;
  }
  .estimate__options__content__item__group__heading {
    grid-template-columns: calc(15 / 14 * 1em) minmax(0, 1fr);
    gap: 0 calc(8 / 14 * 1em);
    font-size: 14px;
  }
  .estimate__options__content__item__group__list {
    margin-top: 17px;
    gap: 14px 0;
  }
  .estimate__options__content__item__group__list__item {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px 12px;
    padding: 16px 20px 16px 15px;
  }
  .estimate__options__content__item__group__list__item--none {
    padding: 24px 20px 22px 15px;
  }
  .estimate__options__content__item__group__list__item__check {
    width: 20px;
    height: 20px;
  }
  .estimate__options__content__item__group__list__item__check::before {
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
  }
  .estimate__options__content__item__group__list__item__input:checked + .estimate__options__content__item__group__list__item__check::before {
    border: 2px solid #CC0000;
  }
  .estimate__options__content__item__group__list__item:not(.estimate__options__content__item__group__list__item--none) .estimate__options__content__item__group__list__item__check {
    grid-row: 1 / 3;
    align-self: start;
  }
  .estimate__options__content__item__group__list__item__info {
    font-size: 10px;
    gap: .25em 1em;
  }
  .estimate__options__content__item__group__list__item__info__name {
    font-size: 14px;
    margin-block: calc(var(--leading-trim)) calc(.25em + var(--leading-trim));
  }
  .estimate__options__content__item__group__list__item__info__maker {
    line-height: 1.4;
    flex: 1 0 100%;
  }
  .estimate__options__content__item__group__list__item__info__number {
    line-height: 1.4;
    flex: 1 0 100%;
  }
  .estimate__options__content__item__group__list__item__info__data {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 2px 0;
  }
  .estimate__options__content__item__group__list__item__info__data__item {
    grid-template-columns: subgrid;
    grid-template-rows: auto;
    grid-row: initial;
    grid-column: span 2;
  }
  .estimate__options__content__item__group__list__item__info__data__item__term {
    padding: .2em;
    line-height: 1.2;
  }
  .estimate__options__content__item__group__list__item__info__data__item__desc {
    border-top: none;
    border-left: 1px solid currentColor;
    padding: .2em .5em;
    line-height: 1.2;
    justify-content: flex-start;
  }
  .estimate__options__content__item__group__list__item__price.jc-s {
    font-size: 10px;
    grid-column: 2 / 3;
    justify-content: flex-end;
  }
  .estimate__options__content__item__group__list__item__price__value {
    font-size: 22px;
  }
  .estimate__other {
    padding-block: 70px 20px;
  }
  .estimate__other__textbox {
    margin-top: 30px;
  }
  .estimate__other__textbox__input {
    height: 150px;
  }
  .estimate__btn__link {
    height: 52px;
    font-size: 16px;
  }
  .estimate__btn--result {
    margin-top: 40px;
  }
  .estimate__document {
    padding-top: 60px;
    grid-template-columns: 30px auto 30px;
  }
  .estimate__document::before,
  .estimate__document::after {
    content: "";
    display: block;
  }
  .estimate__document__content {
    width: 1300px;
    zoom: .75;
  }
  .estimate__document__content__name {
    font-size: 44px;
  }
  .estimate__document__content__date {
    font-size: 16px;
  }
  .estimate__document__content__to__name {
    font-size: 24px;
  }
  .estimate__document__content__to__name2 {
    font-size: 20px;
  }
  .estimate__document__content__to__address {
    font-size: 16px;
  }
  .estimate__document__content__contact__desc {
    font-size: 16px;
  }
  .document-sectionname {
    font-size: 20px;
  }
  .estimate__document__content__datalist__item {
    font-size: 16px;
  }
  .estimate__document__content__totalprice__name {
    font-size: 20px;
  }
  .estimate__document__content__totalprice__memo {
    font-size: 14px;
  }
  .estimate__document__content__totalprice__price {
    font-size: 20px;
  }
  .estimate__document__content__other {
    font-size: 16px;
  }
  .estimate__document__content__order__item {
    font-size: 16px;
  }
  .estimate__document__content__order__item--data .estimate__document__content__order__item__memo {
    font-size: 11px;
  }
  .estimate__document__content__caution {
    font-size: 11px;
  }
  .estimate__document .scroll-hint-icon-wrap {
    height: 100vh;
    height: 100svh;
  }
  .estimate__document .scroll-hint-icon {
    top: calc(50% - 75px);
    left: calc(50% - 75px);
    width: 150px;
    height: 150px;
    border-radius: 0;
    background: rgba(0, 0, 0, .6);
    padding: 0;
  }
  .estimate__document .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
    opacity: 1;
  }
  .estimate__document .scroll-hint-icon:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc(50% - 40px);
    width: 80px;
    height: 100%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="52.135" viewBox="0 0 50 52.135"><path d="m2.624,5.397l3.576-3.578c.404-.444.372-1.131-.072-1.536-.414-.377-1.047-.378-1.462-.001L.318,4.63c-.424.425-.424,1.112,0,1.537l4.348,4.348c.205.203.481.317.769.317.601-.004,1.086-.495,1.082-1.096-.002-.285-.116-.559-.317-.761l-3.576-3.578Z" fill="%23fff"/><path d="m49.682,4.63L45.334.282c-.445-.403-1.132-.37-1.535.075-.376.415-.376,1.048.001,1.462l3.579,3.578-3.579,3.58c-.412.437-.391,1.126.046,1.538.419.395,1.074.395,1.493,0l4.343-4.35c.422-.424.422-1.11,0-1.534Z" fill="%23fff"/><path d="m48.913,4.31h-13.044c-.6,0-1.087.487-1.087,1.087s.487,1.087,1.087,1.087h13.044c.6,0,1.087-.487,1.087-1.087,0-.6-.487-1.086-1.087-1.087Z" fill="%23fff"/><path d="m14.131,4.31H1.087c-.6,0-1.087.487-1.087,1.087s.487,1.087,1.087,1.087h13.044c.6,0,1.087-.487,1.087-1.087,0-.6-.487-1.086-1.087-1.087Z" fill="%23fff"/><path d="m41.3,23.875c-.861,0-1.702.255-2.417.735-.614-1.741-2.259-2.906-4.105-2.909-.763-.001-1.513.201-2.173.585v-11.454c-.002-2.402-1.95-4.348-4.352-4.346-1.845.001-3.488,1.166-4.1,2.907-1.995-1.336-4.695-.802-6.031,1.193-.48.716-.735,1.558-.735,2.42v18.477l-3.778-2.832c-2.261-1.679-5.409-1.456-7.41.526-1.272,1.274-1.272,3.337,0,4.611l15.486,15.482c1.83,1.84,4.32,2.872,6.915,2.865h5.1c6.599-.009,11.945-5.357,11.952-11.956v-11.956c-.002-2.402-1.95-4.348-4.352-4.348Zm2.174,16.3c-.003,5.399-4.375,9.778-9.774,9.789h-5.1c-2.018.006-3.955-.796-5.378-2.228l-15.48-15.485c-.424-.425-.424-1.112,0-1.537,1.234-1.221,3.175-1.359,4.569-.324l5.515,4.137c.48.36,1.162.263,1.522-.218.141-.188.217-.417.217-.652V13.006c0-1.201.972-2.174,2.173-2.175,1.201,0,2.174.972,2.175,2.173v16.302c0,.6.487,1.087,1.087,1.087.6,0,1.086-.487,1.087-1.087V10.832c0-1.201.972-2.174,2.173-2.175,1.201,0,2.174.972,2.175,2.173v18.48c0,.6.487,1.087,1.087,1.087s1.087-.487,1.087-1.087v-3.261c-.026-1.2.926-2.194,2.127-2.22s2.194.926,2.22,2.127c0,.031,0,.062,0,.093v3.261c0,.6.487,1.087,1.087,1.087.6,0,1.086-.487,1.087-1.087v-1.087c0-1.201.974-2.174,2.175-2.173,1.2,0,2.173.973,2.173,2.173v11.956l-.004-.004Z" fill="%23fff"/></svg>') no-repeat center/80px auto;
  }
  .estimate__document .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
    animation: scrollHintIcon 2s linear infinite;
  }
  .estimate__document .scroll-hint-text {
    display: none;
  }
  .estimate__document .scroll-hint-icon:after {
    content: none;
  }
  .estimate__btn--group {
    margin-top: 40px;
    gap: 40px;
  }
  .estimate__btn__link--print {
    flex: 1 0 100%;
  }
  .estimate__btn__link--pdf {
    flex: 1 0 100%;
  }
  .estimate__reset {
    margin-top: 50px;
  }
  .estimate__reset__link {
    font-size: 14px;
  }
}
@keyframes scrollHintIcon {
  0% {
    translate: 0;
  }
  25% {
    translate: -10px;
  }
  50% {
    translate: 0;
  }
  75% {
    translate: 10px;
  }
  100% {
    translate: 0;
  }
}



@media print{
  html, body {
    zoom: .825;
  }
  .estimate__btn--group,
  .estimate__reset,
  .footer {
    display: none !important;
  }
  .form--result {
    background: none;
  }
  .estimate__document {
    padding-top: 30px;
    overflow: visible !important;
  }
  .estimate__document__content {
    border: none;
    padding: 0;
  }
}