@charset "UTF-8";

.modal-detail {
  max-width: 980px;
  padding: calc(80px - 10px) 0;
  background-color: transparent
}

.modal-detail__inner {
  display: -ms-grid;
  display: grid;
  row-gap: 20px
}

.modal-detail__close-top {
  justify-self: end;
  transition: opacity .3s cubic-bezier(.13, .78, .38, .98)
}

.modal-detail__close-bottom {
  position: relative;
  -webkit-align-content: center;
  align-content: center;
  width: calc(100% - 75px*2);
  height: 70px;
  margin-inline: auto;
  background-color: #262626;
  border-radius: 70px;
  transition: opacity .3s cubic-bezier(.13, .78, .38, .98)
}

.modal-detail__close-bottom-icon {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.detail-notes {
  --color-present: #1FADCB;
  --color-trial: #EF9319;
  padding-bottom: 50px;
  -webkit-margin-after: 20px;
  margin-block-end: 20px;
  background-color: #fff;
  border: 4px solid;
  border-radius: 20px
}

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

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

.detail-notes__title {
  position: relative;
  -webkit-align-content: center;
  align-content: center;
  min-height: 110px;
  padding-inline: 10px;
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 500;
  color: #fff;
  letter-spacing: .05em;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}

@media screen and (max-width :915px) {
  .detail-notes__title {
    padding-top: 15px;
  }
}

.detail-notes__title:after {
  position: absolute;
  bottom: calc(10px - 30px);
  left: 50%;
  width: 70px;
  height: 30px;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

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

.detail-notes__title--present:after {
  background-color: var(--color-present)
}

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

.detail-notes__title--trial:after {
  background-color: var(--color-trial)
}

.detail-notes__title-prefix {
  position: absolute;
  top: -23px;
  left: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 300px;
  height: 42px;
  background-color: #fff;
  border: 2px solid;
  border-radius: 30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

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

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

.detail-notes__title-prefix-image {
  height: 24px
}

.detail-notes__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-column-align: center;
  justify-items: center;
  padding-top: 27px
}

.detail-notes__body--present {
  padding-inline: 75px
}

.detail-notes__body--trial {
  padding-inline: 50px
}

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

.detail-notes__caption {
  margin-top: 50px;
  font-size: 16px;
  letter-spacing: .05em
}

.detail-notes__prefix {
  width: 47.95918%;
  margin-top: 40px
}

.detail-notes__button {
  width: 57.14286%;
  margin-top: 40px;
  transition: opacity .3s cubic-bezier(.13, .78, .38, .98)
}

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

.detail-notes__deadline {
  display: -ms-grid;
  display: grid;
  row-gap: 8px;
  margin-top: 32px
}

.detail-notes__term {
  font-size: 12px;
  font-weight: 500;
  color: #ec3640;
  letter-spacing: .05em
}

.detail-notes__term-link {
  color: #ec3640
}

.modal-terms {
  max-width: 980px;
  padding: 44px;
  background-color: #fff
}

.present-notes {
  text-align: left
}

.present-notes__title {
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center
}

.present-notes__heading {
  position: relative;
  margin: 30px 0;
  text-align: center
}

.present-notes__heading:before {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  content: " ";
  background: #000
}

.present-notes__heading-text {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 15px;
  margin: 0 20px;
  font-size: 1.6rem;
  font-weight: 700;
  background: #fff
}

.present-notes__subtitle {
  margin: 20px 0 5px;
  font-size: 16px;
  font-weight: 700;
  text-align: center
}

.present-notes__text {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 1.5
}

.present-notes__dt {
  margin: 20px 0 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5
}

.present-notes__dd {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 1.5
}

.present-notes__anchor {
  color: #1897e0;
  transition: .3s cubic-bezier(.13, .78, .38, .98)
}

.present-notes__anchor:hover {
  text-decoration: none
}

.present-notes__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 22px;
  height: 22px;
  overflow: hidden;
  text-indent: -1000px;
  cursor: pointer;
  background: url(../img/btn-modal_close.png) no-repeat center center;
  background-size: contain;
  transition: .3s cubic-bezier(.13, .78, .38, .98)
}

.present-notes .o-indent {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em
}

.present-notes .o-indent-big {
  display: inline-block;
  padding-left: 1.25em;
  text-indent: -1.25em
}

.present-notes .o-bold {
  font-weight: 700
}

.present-notes .o-red {
  color: #c3092f
}

.image {
  max-width: 100%;
  height: auto
}

.kv {
  position: relative;
  z-index: 0
}

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

.kv__button {
  position: absolute;
  bottom: 2.48601%;
  left: 50%;
  width: 40%;
  transition: opacity .3s cubic-bezier(.13, .78, .38, .98);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.kv__button--bottom {
  bottom: 4.07143%
}

.details {
  position: relative;
  z-index: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-column-align: center;
  justify-items: center;
  padding-top: 3.78571%;
  /* margin-top: -7.42857%; */
  margin-bottom: 5.57143%
}

.details__bg {
  position: absolute;
  top: 0;
  z-index: -1
}

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

.details__sets {
  margin-top: 2.85714%
}

.details__dealer {
  position: relative;
  display: -ms-grid;
  display: grid;
  row-gap: 40px;
  -ms-grid-column-align: center;
  justify-items: center;
  padding: calc(5px - 6px) 90px 50px;
  margin-top: 2.78571%;
  background-color: #fff;
  border: 4px solid #0B0D65;
  border-radius: 20px;
}

/* .details__dealer:after {
  position: absolute;
  top: 5px;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #ff8913
} */

.details__dealer-button {
  width: 70.40816%;
  transition: opacity .3s cubic-bezier(.13, .78, .38, .98)
}

.details__area {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-column-align: center;
  justify-items: center;
  padding: calc(41px - 6px) 70px 35px;
  margin-top: 3.57143%;
  background-color: #fff;
  border: 4px solid #0B0D65;
  border-radius: 20px;
}

/* .details__area:after {
  position: absolute;
  top: 5px;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #dc333c
} */

.cp {
  --color-present: #1FADCB;
  --color-trial: #EF9319;
  display: -ms-grid;
  display: grid;
  row-gap: 50px;
  -ms-grid-column-align: center;
  justify-items: center;
  padding-block: 7.71429%;
  background-color: #FAE37B;
  position: relative;
}

.cp__item {
  position: relative;
  width: 70%;
  background-color: #fff;
  border: 4px solid;
  border-radius: 20px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, .08)
}

.cp__item--present {
  border-color: var(--color-present)
}

.cp__item--trial {
  border-color: var(--color-trial)
}

.cp__title {
  position: relative;
  -webkit-align-content: center;
  align-content: center;
  min-height: 110px;
  padding-inline: 10px;
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  letter-spacing: .05em;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}

.cp__title:after {
  position: absolute;
  bottom: calc(10px - 30px);
  left: 50%;
  width: 70px;
  height: 30px;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.cp__title--present {
  background-color: var(--color-present)
}

.cp__title--present:after {
  background-color: var(--color-present)
}

.cp__title--trial {
  background-color: var(--color-trial)
}

.cp__title--trial:after {
  background-color: var(--color-trial)
}

.cp__body {
  display: -ms-grid;
  display: grid;
  row-gap: 27px;
  -ms-grid-column-align: center;
  justify-items: center;
  padding: 28px 75px 40px
}

.cp__button {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 70px;
  background-color: #262626;
  border-radius: 70px;
  transition: opacity .3s cubic-bezier(.13, .78, .38, .98)
}

.cp__button-text {
  height: 20px
}

.cp__button-icon {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.campaign {
  background-color: #fffce8;
  padding-block: 80px
}

.campaign__image {
  display: block;
  margin-inline: auto;
  width: 70%;
  height: auto
}

.cv-dealer {
  display: -ms-grid;
  display: grid;
  row-gap: 30px;
  -ms-grid-column-align: center;
  justify-items: center;
  padding-block: 80px
}

.cv-dealer__text {
  width: 56.57143%
}

.cv-dealer__button {
  width: 65.71429%;
  transition: opacity .3s cubic-bezier(.13, .78, .38, .98)
}

.caption {
  padding-block: 60px;
  color: #fff;
  background-color: #464646
}

.caption__text {
  width: 70%;
  margin-inline: auto;
  font-size: 10px;
  line-height: calc(17/10)
}

.header_name {
  display: flex;
  align-items: center;
}

.header_name_image-ten {
  object-fit: contain;
}

.img__pos {
  position: relative;
  top: -4px;
}



@media(hover:hover) and (pointer:fine) {
  .modal-detail__close-top:hover {
    opacity: .8
  }

  .modal-detail__close-bottom:hover {
    opacity: .8
  }

  .detail-notes__button:hover {
    opacity: .8
  }

  .present-notes__close:hover {
    opacity: .5
  }

  .kv__button:hover {
    opacity: .8
  }

  .details__dealer-button:hover {
    opacity: .8
  }

  .cp__button:hover {
    opacity: .8
  }

  .cv-dealer__button:hover {
    opacity: .8
  }
}

@media(-ms-high-contrast:none), (-ms-high-contrast:active) {
  .modal-detail__close-top:hover {
    opacity: .8
  }

  .modal-detail__close-bottom:hover {
    opacity: .8
  }

  .detail-notes__button:hover {
    opacity: .8
  }

  .present-notes__close:hover {
    opacity: .5
  }

  .kv__button:hover {
    opacity: .8
  }

  .details__dealer-button:hover {
    opacity: .8
  }

  .cp__button:hover {
    opacity: .8
  }

  .cv-dealer__button:hover {
    opacity: .8
  }
}

@media screen and (max-width:979px) and (min-width:768px) {
  .present-notes__close {
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background-size: 60px 60px
  }
}