@charset "UTF-8";

.modal-detail {
  padding: calc(20px - 10px) 0
}

.modal-detail__inner {
  row-gap: 16px
}

.modal-detail__close-bottom {
  width: calc(100% - 20px*2);
  height: 50px
}

.modal-detail__close-bottom-text {
  width: auto;
  height: 18px
}

.detail-notes {
  --color-present: #1FADCB;
  --color-trial: #EF9319;
  padding-bottom: 40px;
  -webkit-margin-after: 4px;
  margin-block-end: 4px;
  border-radius: 16px
}

.detail-notes__title {
  padding: calc(20px - 4px) calc(8px - 4px);
  font-size: 24px
}

.detail-notes__title:after {
  width: 55px;
  height: 25px
}

.detail-notes__title-prefix {
  top: -23px;
  width: 254px;
  height: 34px;
  padding-inline: 35px
}

.detail-notes__title-prefix--present {
  border-color: var(--color-present)
}

.detail-notes__title-prefix--trial {
  border-color: var(--color-trial)
}

.detail-notes__body {
  padding-inline: 15px;
  padding-top: 15px
}

.detail-notes__price {
  margin-bottom: 44px
}

.detail-notes__caption {
  margin-top: 24px;
  font-size: 12px;
  line-height: calc(18/12)
}

.detail-notes__prefix {
  width: 100%;
  margin-top: 25px
}

.detail-notes__button {
  width: 100%;
  margin-top: 25px
}

.detail-notes__button--trial {
  margin-top: 15px
}

.detail-notes__deadline {
  row-gap: 14px;
  margin-top: 25px
}

.detail-notes__term {
  font-size: 16px
}

.modal-terms {
  padding: 60px 15px 40px
}

.present-notes__title {
  font-size: 1.5rem
}

.present-notes__subtitle {
  font-size: 1.4rem
}

.present-notes__close {
  width: 22px;
  height: 22px
}

.kv__button {
  bottom: 27px;
  width: 100%;
  padding-inline: 15px
}

.kv--bottom {
  margin-top: -6.4%
}

.details {
  padding-top: 6px;
  padding-bottom: 28px;
  margin: 0;
  background-color: #fde83e;
  z-index: 0;
  position: relative;
}

.details__box,
.details__sets,
.details__dealer,
.details__area {
  width: 100%
}

.details__box,
.details__sets {
  padding-inline: 15px
}

.details__sets {
  margin-top: 30px
}

.details__dealer {
  row-gap: 24px;
  padding: calc(32px - 6px) 15px 40px;
  width: 92%;
}

.details__area {
  margin-top: 30px;
  padding: calc(37px - 6px) 15px 32px;
  width: 92%;
}

.details__dealer-button {
  width: 100%
}

.cp {
  padding: 40px 15px
}

.cp__item {
  width: 100%
}

.cp__title {
  padding: calc(20px - 4px) calc(8px - 4px);
  font-size: 24px
}

.cp__title:after {
  width: 55px;
  height: 25px
}

.cp__body {
  row-gap: 24px;
  padding: 15px 12px 25px
}

.campaign {
  padding-block: 0
}

.campaign__image {
  width: 100%
}

.cv-dealer {
  -webkit-padding-before: 40px;
  padding-block-start: 40px;
  -webkit-padding-after: 50px;
  padding-block-end: 50px;
  padding-inline: 15px
}

.cv-dealer__text {
  width: 100%;
  padding-inline: 17px
}

.cv-dealer__button {
  width: 100%
}

.caption {
  padding-block: 40px;
  padding-inline: 15px
}

.caption__text {
  width: 100%
}

.img__pos {
  position: relative;
  top: -30px;
  left: 6px;
}

.pc_appear_owari {
  display: block;
}

.header_name {
  width:65%;
}

.header_name_image-ten {
  width: 12px;
}