@charset "UTF-8";

/* =============================================
contents sp
================================================*/
.contact-block {width: 90vw;margin: 0 auto;padding-top: 25vw;padding-bottom: 10vw;} 
.contact-block h1 {font-size: 4.6vw;font-weight: bold;margin: 13vw 0 3vw;}
.contact-block > p {font-size: 3.6vw;font-weight: bold;margin-bottom: 3vw;line-height: 1.8;}
.contact-block .thanks-logo {margin: 0 auto;}
.contact-block .thanks {line-height: 2; text-align: center;}
.contact-block .thanks p {margin-bottom: 5vw;}
.contact-block .thanks ul {text-align: left;margin: 0 auto 5vw;}
.contact-block .thanks li {padding-left: 5vw;text-indent: -5vw;}

.back-btn {display: inline-block; margin-top: 8vw; border-bottom: 2px solid;}

/* =============================================
contents pc
================================================*/
@media screen and (min-width: 736px) {
  
  .contact-block {width: 1040px;padding-top: 233px;padding-bottom: 70px;}
  .contact-block h1 {font-size: 36px;font-weight: bold;margin: 80px 0 20px;}
  .contact-block > p {font-size: 18px;font-weight: bold;margin-bottom: 111px;}
  .contact-block .thanks p {margin-bottom: 20px;}
  .contact-block .thanks ul { text-align: left; width: 540px; margin: 0 auto 20px; }
  .contact-block .thanks li {padding-left: 0;text-indent: 0;}
  
  .back-btn {margin-top: 40px;cursor: pointer;border-bottom: none;position: relative;}
  .back-btn:hover {color: #fff;text-stroke: 1px #000;-webkit-text-stroke: 1px #000;font-weight: bold;}
  .back-btn:after {content: ""; position: absolute; width: 100%; height: 1px; background: #000; left: 0; bottom: -5px;}
  .back-btn:hover:after {background: #fff;outline: 1px solid #000;}

}