/**
* Sass CSS triangle mixin, create any kind of triangles with ease

* Use:
* @include triangle(direction,width,height,color);

* Example:
* $square: 50px;
* $color: red;
* selector {
*  @include triangle(bottomright,$square,$square,$color);
* }

* Forked from https://github.com/juanbrujo/triangle-mixin.less
*/
.mfp-ajax-holder .mfp-close {
  color: #FFF;
  top: -2.5rem;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

@media (min-width: 751px) {
  .mfp-wrap .mfp-content {
    max-width: 800px;
    margin: auto;
  }
}

.mfp-counter {
  display: none;
}

.mfp-bg {
  z-index: 9991;
}

.mfp-wrap {
  z-index: 9992;
}

.contents__box {
  background: #fff;
  padding: 2rem;
}

@media screen and (max-height: 568px) {
  .contents__box {
    padding: 1rem;
  }
}

.contents__header *, .contents__text *, .contents__button * {
  font-size: 80%;
}

@media (min-width: 751px) {
  .contents__header *, .contents__text *, .contents__button * {
    font-size: 100%;
  }
}

.contents__header {
  color: #1c305c;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  border-bottom: solid 0.15rem;
  font-size: 1.2rem;
}

@media screen and (max-height: 568px) {
  .contents__header {
    padding-top: 0.5rem;
    padding-bottom: 0.25rem;
  }
}

@media (min-width: 751px) {
  .contents__header {
    font-size: 1.4rem;
  }
}

.contents__text {
  padding: 1rem;
  margin-top: 2rem;
  font-size: 1rem;
}

@media screen and (max-height: 568px) {
  .contents__text {
    padding: 0.5rem;
    margin-top: 1rem;
  }
}

.contents__text > p {
  line-height: 2;
}

.contents__text__link {
  margin-top: 0.5rem;
}

@media screen and (max-height: 568px) {
  .contents__text__link {
    margin-top: 0.25rem;
  }
}

.contents__button {
  font-size: 1rem;
  text-align: center;
  margin-top: 1.5rem;
  padding: 1rem 0;
  padding-bottom: 1.6rem;
}

@media (min-width: 751px) {
  .contents__button {
    font-size: 0.9rem;
  }
}

@media screen and (max-height: 568px) {
  .contents__button {
    margin-top: 0.75rem;
    padding: 0.5rem 0;
    padding-bottom: 0.8rem;
  }
}

.contents__button .js-link {
  position: relative;
  color: #1c305c;
  background: #eeeeee;
  padding: 0.8rem 1.6rem;
  padding-left: 2.2rem;
  display: inline-block;
}

.contents__button .js-link::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  -moz-transform: scale(0.9999);
  border-width: 0.35rem 0 0.35rem 0.3rem;
  border-color: transparent transparent transparent #a9a9a9;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-0.8rem) translateY(-50%);
          transform: translateX(-0.8rem) translateY(-50%);
}

@media screen and (max-height: 568px) {
  .contents__button .js-link {
    padding: 0.4rem 1.6rem;
  }
}

/*# sourceMappingURL=../sourcemap/modal/main.css.map */