@charset "UTF-8";
/* ----------------------
thanks
----------------------*/
.thanks {
  padding-top: 133px; }

@media screen and (max-width: 667px) {
  #entry.thanks {
    padding-top: 81px;
    padding-bottom: 40px; } }
.thanks__flow {
  margin-bottom: 24px; }
  .thanks__flow img {
    width: 184px; }

.thanks__formblc {
  width: 100%;
  border-radius: 4px;
  padding: 52px 64px;
  background: #fff;
  margin-bottom: 56px; }
  .thanks__formblc h4 {
    font-weight: 700;
    font-size: 0.24rem;
    text-align: center;
    color: #FF9900;
    margin-bottom: 8px; }
  .thanks__formblc p {
    margin-bottom: 20px;
    text-align: left;
    display: inline-block; }
  .thanks__formblc .thanks__subtxt {
    width: 100%;
    border-radius: 4px;
    padding: 37px;
    background: #EDEDEA; }
    .thanks__formblc .thanks__subtxt p {
      font-size: 0.14rem;
      margin-bottom: 32px; }
    .thanks__formblc .thanks__subtxt .thanks__btn a {
      width: 263px;
      height: 58px;
      padding: 20px;
      text-align: center;
      border-radius: 50px;
      background: #fff;
      position: relative;
      z-index: 0;
      border: none;
      overflow: hidden;
      transition: color 0.4s ease; }
      .thanks__formblc .thanks__subtxt .thanks__btn a span {
        background: linear-gradient(to right, #F3C442, #FF9900);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        transition: all 0.4s ease; }
    .thanks__formblc .thanks__subtxt .thanks__btn a::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 50px;
      padding: 2px;
      /* 枠線の太さ */
      background: linear-gradient(to right, #F3C442, #FF9900);
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      z-index: -1; }
    .thanks__formblc .thanks__subtxt .thanks__btn a::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(to right, #F3C442, #FF9900);
      transform: translateX(-100%);
      transition: transform 0.5s ease;
      z-index: -2;
      width: inherit;
      height: inherit; }
    .thanks__formblc .thanks__subtxt .thanks__btn a:hover::after {
      transform: translateX(0); }
    .thanks__formblc .thanks__subtxt .thanks__btn a:hover span {
      background: none;
      -webkit-background-clip: unset;
      -webkit-text-fill-color: #fff; }
  .thanks__formblc .thanks__teltxt {
    text-align: center;
    font-size: 0.14rem;
    padding-top: 28px;
    margin-top: 28px;
    border-top: 1px solid #E4E4E4; }
    .thanks__formblc .thanks__teltxt h5 {
      font-family: "Barlow", sans-serif;
      font-weight: 600;
      font-size: 0.32rem;
      text-decoration: underline; }
  @media screen and (max-width: 667px) {
    .thanks__formblc .thanks__teltxt p {
      margin-bottom: 16px; }
    .thanks__formblc .thanks__teltxt p:last-of-type {
      margin-bottom: 0; } }

@media screen and (max-width: 667px) {
  .thanks__formblc {
    padding: 24px 16px;
    margin-bottom: 0; }
    .thanks__formblc h4 {
      font-size: 0.2rem; }
    .thanks__formblc p {
      font-size: 0.14rem; }
    .thanks__formblc .thanks__subtxt {
      padding: 25px 20px; } }