/*------------------
  header & footer
--------------------*/
/* header */
@media (min-width: 768px), print {
  .header--medium {
    height: 79px;
  }
}
@media only screen and (max-width: 767px) {
  .header--medium {
    height: 59px;
  }
}
body .header__wrap {
    border-top-color: #00a33e;
}
/* footer*/
body .footer__wrap--bottom {
    background-color: #f2f2f2;
}
body .footer__bottom {
  border-top-color: hsla(0, 0%, 80%, 0.30);
}
body .footer__bottom--text p{
    color: #666;
}
/* footer copyright */
.footer__pageTopBtn .footer__pageTopBtnImage {
    transform: rotate(0deg);
    width: 24px;
    height: auto;
}
body .footer__bottom--copyright {
    color: #666;
}

/*-----------------
  申込フォーム
-------------------*/

body .track__step.-active span,
body .pageTitle,
body .textLink{
  color: #00a33e;
}
body .track__step.-active:after,
body .radio__inputBox:has(.radio__radio:checked){
  background-color: #00a33e;
  border-color: #00a33e;
}
body .selectButton__radioLabel:has(.selectButton__radio:checked){
  background-color: #00a33e;
}
.button__wrap--pageBottom .button--primary{
  background-color: #00a33e;
  border: 2px solid #00a33e;
}
.button__wrap--pageBottom .button--reverse.button--return{
  color: #00a33e;
  border: 2px solid #00a33e;
}
/* svg */
body .radio__inputBox:has(.radio__radio:checked) .radio__radioLabelHeading:before{
  background-image: url(https://content.bookoff.co.jp/sell/assets/images/common/radiobtn-on-reuse.svg);
}
body .textLink--arrow:before{
  background-image: url(https://content.bookoff.co.jp/sell/assets/images/common/arrow-s-reuse.svg);
}
body .checkbox__item:after{
  background: 50% url(https://content.bookoff.co.jp/sell/assets/images/common/checkbox-on-reuse.svg) no-repeat;
}
body .formArea__form--coupon{
  display: none;
}

/*--------------
  フォーム完了
----------------*/
body .completed__step p.text + p.text{
  margin-top: 8px;
}
@media only screen and (max-width: 767px) {
  .completed .button__wrap--pageBottom{
    margin: 24px 0 8px;
  }
}
body .completed__character{
  margin: 0 auto 0;
}
body .completed__step .completed__img{
  margin: 8px auto 16px;
}
body .completed__stepContents{
  padding-bottom: 46px;
}
body .completed__stepContents:after{
  width: 20px;
  background: #00a33e;
}
.completed__uploadWrap.forSp{
  margin: 24px 0 24px;
}
/* guideInfo */
.guideInfo__inner{
  margin: 30px 0 0;
}
.guideInfo__text{
  padding: 0 0 20px;
  text-align: center;
}
.guideInfo__media{
  padding: 0 0 10px;
  max-width: 400px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .guideInfo__content{
    display: flex;
    justify-content: center;
  }
  .guideInfo__media {
    margin: 0 6px;
    max-width: 300px;
  }
}