@charset "utf-8";
/* 個人情報の取り扱いについて */
.confirmation{
  font-size: .875rem;
  line-height: 1.8;
}

.confirmation h3{
  margin-top: 2rem;
  letter-spacing: .04em;
  font-size: 1.25rem;
}

.confirmation ul{
  margin-left: 1rem;
  padding-left: 1rem;
  text-indent: -1em;
}

.button__container{
  gap: 2rem;
}
@media (max-width: 640px){
  .button__container{
    flex-direction: column;
  }
}

.btn__confirmation{
  display: block;
  width: 100%;
  max-width: 212px;
  padding: 17px 60px 13px 60px;
  text-align: center;
  text-decoration: none;
  color: #333;
  border: solid 1px #bfbfbf;
  border-radius: 4px;
  background: linear-gradient(to bottom, #fff 0%, #e4e3e4 100%);
  background-color: #e4e3e4;
  font-size: 18px;
}
@media (max-width: 640px){
  .btn__confirmation{
    max-width: 100%;
  }
}

@media (hover:hover){
  .btn__confirmation:hover{
    text-decoration: none;
    background: linear-gradient(to top, #fff 0%, #e4e3e4 100%);
  }
}

.btn__confirmation:active{
  text-decoration: none;
}



/* メールでのお問い合わせ */
.mail_contact{
  width: fit-content;
  margin: 3rem auto 0;
  padding: 1.5rem;
  border: solid 1px;
  line-height: 1.8;
}

@media (max-width: 640px){
  .mail_contact br{
    display: none;
  }
}