@charset "utf-8";
/* CSS Document */

.page-plan a.optionBtn {
  max-width: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #646464;
  margin: 1.5em auto;
  padding: 0.75em 1em;
  text-align: center;
  border-radius: 999px;
  background:  rgba(100,100,100,0.1);
  position: relative;
  z-index: 1;
}
.page-plan a.optionBtn::after {
  content: '';
  width: 16px;
  height: 16px;
  margin-left: 0.75em;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTIgLTUxNC4yNzUpIj48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTIgNTE0LjI3NSkiIGZpbGw9IiM2NDY0NjQiLz48cGF0aCBkPSJNMTAwLDUyNS4xNTlsLTMuODc2LTQuNDMuNzUzLS42NTgsMy4xMjQsMy41NywzLjEyNC0zLjU3Ljc1My42NThaIiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==) no-repeat center/contain;
}
@media (min-width: 769px) {
  .page-plan a.optionBtn::after {
    width:20px;
    height: 20px
  }
}

.page-plan .sec_other a.movieBtn {
  display: inline-block;
  color: #646464;
  border: solid 1px rgba(100, 100, 100, .25);
  border-radius: 50px;
  margin-top: 20px;
  padding: 0.75em 30px 0.75em 20px;
  font-family: "Noto Serif JP", serif;
  font-size: 13px;
  letter-spacing: .02em;
  line-height: 1.1em;
  position: relative;
}
.page-plan .sec_other a.movieBtn::after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    pointer-events: none;
    border-top: solid 1px rgba(100, 100, 100, .65);
    border-right: solid 1px rgba(100, 100, 100, .65);
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 15px;
}
.page-plan .sec_other .inner .text-box .price {
  line-height: 1.6em!important;
}