.consentBox {
  display: flex;
}

.consentBoxInner {
  max-width: 480px;
  width: 100%;
  height: 13rem;
  overflow-y: scroll;
  border: 1px solid #dee3e6;
  border-radius: 4px;
  box-shadow: 1.4px 1.4px 3px rgba(0,0,0,.04);
  outline: none;
  padding: 15px;
  background-color: #fff;
}

.consentBoxInner .agreementPage__ttl {
  font-size: 1rem;
}

.consentBoxInner .agreementPage__txt {
 font-size: 0.8rem;
}

.consentBoxInner .agreementPage__contentTtl {
  font-size: 1rem;
}


.consentBoxInner .agreementPage__contentTxt {
  font-size: 0.8rem;
}

.agreeCheck {
  display: flex;
  align-items: center;
  max-width: 480px;
  width: 100%;
  margin: 10px 0 0 auto;
}

.agreeCheck .check {
 max-width: none !important;
 width: 16px !important;
 height: 16px !important;
 margin-right: 10px;
}

.agreeCheck .agree {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
  .consentBox {
    display: block;
  }

  .consentBoxInner {
    max-width: 100%;
  }
}