@charset "utf-8";


/* Local site shell: this page does not depend on legacy default.css / s_default.css. */
html{max-width:100%;overflow-x:clip;}
.contact-page{max-width:100%;overflow-x:clip;}
.contact-page img,.contact-page svg{max-width:100%;}
.contact-page ul,.contact-page ol{list-style:none;}
.contact-page .contact-nav ul,.contact-page .contact-footer__nav{list-style:none;}
.contact-page .btn-trigger{position:relative;width:46px;height:40px;cursor:pointer;z-index:10000;flex:0 0 46px;}
.contact-page .btn-trigger span{position:absolute;left:0;width:100%;height:3px;background:var(--contact-teal);border-radius:3px;transition:transform .28s ease,opacity .28s ease,top .28s ease,bottom .28s ease;}
.contact-page .btn-trigger span:nth-of-type(1){top:2px;}
.contact-page .btn-trigger span:nth-of-type(2){top:18px;}
.contact-page .btn-trigger span:nth-of-type(3){bottom:3px;}
.contact-page .btn-trigger.active span:nth-of-type(1){top:18px;transform:rotate(-45deg);}
.contact-page .btn-trigger.active span:nth-of-type(2){opacity:0;}
.contact-page .btn-trigger.active span:nth-of-type(3){bottom:19px;transform:rotate(45deg);}
.contact-page.nav-open{overflow:hidden;}

/* PC / print */
@media screen and (min-width:769px), print {
.contact-page .pnone{display:none!important;}
:root{
  --contact-teal:#0f8f91;
  --contact-teal-dark:#0b7478;
  --contact-navy:#1c3055;
  --contact-pale:#f2f8f8;
  --contact-line:#d8e8e8;
  --contact-muted:#596a81;
  --contact-yellow:#e8f442;
  --contact-white:#fff;
  --contact-error:#b64f4f;
}

.contact-page,
.contact-page *{box-sizing:border-box;}

.contact-page{
  margin:0;
  color:var(--contact-navy);
  background:#fff;
  font-family:"kozuka-gothic-pr6n","Noto Sans CJK JP","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",sans-serif;
  font-weight:400;
  letter-spacing:.035em;
}

.contact-page main{width:100%;}
.contact-page address{font-style:normal;}

/* Header */
.contact-header-wrap{
  width:100%;
  background:#fff;
  border-bottom:1px solid #edf2f2;
}

.contact-page .contact-header{
  width:min(1380px,calc(100% - 64px));
  min-height:88px;
  margin:0 auto;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#fff;
}

.contact-header__brand{margin:0;}
.contact-header__brand a{display:flex;align-items:center;color:var(--contact-navy);text-decoration:none;}
.contact-header__brand img{width:60px;height:60px;margin-right:14px;}
.contact-header__brand span{display:block;font-family:Arial,sans-serif!important;font-size:22px;font-weight:700;line-height:1.1;letter-spacing:.08em;}
.contact-header__brand small{display:block;margin-top:6px;color:var(--contact-teal);font-family:Arial,sans-serif!important;font-size:8px;font-weight:600;letter-spacing:.22em;}

.contact-nav ul{display:flex;align-items:center;gap:26px;margin:0;padding:0;}
.contact-nav li{margin:0;padding:0;}
.contact-nav a{color:var(--contact-navy);font-size:13px;line-height:1.4;text-decoration:none;white-space:nowrap;}
.contact-nav a:hover,
.contact-nav a[aria-current="page"],
.contact-nav a[aria-current="location"]{color:var(--contact-teal);}
.contact-nav__cta{width:auto;flex:0 0 auto;padding:0;margin:0;}
.contact-nav__cta a{
  display:flex;width:auto;min-width:180px;min-height:46px;padding:0 22px;
  align-items:center;justify-content:center;border-radius:24px;
  background:var(--contact-teal);color:#fff;font-size:13px;line-height:1.4;
  letter-spacing:0;white-space:nowrap;
}
.contact-nav__cta a:hover{background:var(--contact-teal-dark);color:#fff;}

/* Breadcrumb */
.contact-breadcrumb{
  width:min(1180px,calc(100% - 80px))!important;
  margin:0 auto!important;
  padding:22px 0 0!important;
  font-size:12px!important;
}
.contact-breadcrumb li,
.contact-breadcrumb li a{color:#7b8798!important;font-size:12px!important;text-decoration:none!important;}

/* Hero with integrated image */
.contact-hero{
  padding:82px 40px 60px;
  position:relative;
  overflow:hidden;
  background:#fff;
  min-height:280px;
}

.contact-hero__visual{
  position:absolute;
  top:0;
  right:0;
  width:52%;
  height:100%;
  background-image:url("../img/play-open-v4.webp");
  background-position:center 48%;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:.52;
  filter:saturate(.82) brightness(1.04);
}

.contact-hero__overlay{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(
      90deg,
      #fff 0%,
      #fff 38%,
      rgba(255,255,255,.96) 48%,
      rgba(255,255,255,.70) 60%,
      rgba(255,255,255,.30) 76%,
      rgba(255,255,255,.12) 100%
    );
}

.contact-hero::after{
  content:"";
  position:absolute;
  width:560px;
  height:250px;
  right:-230px;
  bottom:-154px;
  border:5px solid rgba(232,244,66,.78);
  border-radius:50%;
  transform:rotate(-9deg);
  pointer-events:none;
  z-index:1;
}

.contact-hero__inner{
  width:min(1180px,calc(100% - 80px));
  margin:0 auto;
  position:relative;
  z-index:2;
}

.contact-eyebrow{margin:0 0 18px;color:var(--contact-teal);font-family:Arial,sans-serif!important;font-size:13px;font-weight:600;letter-spacing:.2em;line-height:1.4;}
.contact-hero h1{margin:0;color:var(--contact-navy);font-size:42px;font-weight:400;line-height:1.45;letter-spacing:.025em;}
.contact-hero__lead{margin:20px 0 0;color:var(--contact-muted);font-size:14px;line-height:1.9;max-width:520px;}

/* Form */
.contact-form-section{padding:0 40px 112px;background:#fff;}
.contact-form-wrap{width:min(860px,calc(100% - 80px));margin:0 auto;}
.contact-form__intro{margin-bottom:28px;padding:22px 24px;background:var(--contact-pale);border-left:3px solid var(--contact-teal);}
.contact-form__intro p{margin:0;color:#526079;font-size:13px;line-height:1.8;}
.contact-form__intro p + p{margin-top:6px;}
.contact-form__note span{display:inline-block;margin-right:7px;padding:2px 7px;border-radius:10px;background:var(--contact-teal);color:#fff;font-size:10px;line-height:1.5;}

#mailformpro{
  width:100%;
  margin:0;
  padding:0;
  background:#fff;
}

#mailformpro .contact-form-table{
  width:100%;
  margin:0;
  border-collapse:collapse;
  border-top:1px solid var(--contact-navy);
}

#mailformpro .contact-form-table th,
#mailformpro .contact-form-table td{
  border:0;
  border-bottom:1px solid var(--contact-line);
  vertical-align:top;
}

#mailformpro .contact-form-table th{
  width:250px;
  padding:28px 24px;
  background:#fbfdfd;
  color:var(--contact-navy);
  font-size:14px;
  font-weight:500;
  line-height:1.7;
  text-align:left;
}

#mailformpro .contact-form-table th label{display:inline;}
.required-mark{
  display:inline-block;
  margin-left:10px;
  padding:2px 7px;
  border-radius:10px;
  background:var(--contact-teal);
  color:#fff;
  font-size:9px;
  font-weight:500;
  line-height:1.5;
  vertical-align:1px;
}

#mailformpro .contact-form-table td{
  padding:20px 24px;
  background:#fff;
}

#mailformpro input[type="text"],
#mailformpro input[type="email"],
#mailformpro input[type="tel"],
#mailformpro textarea{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:13px 15px!important;
  border:1px solid #cbdcdc!important;
  border-radius:4px!important;
  background:#fff!important;
  color:var(--contact-navy)!important;
  font-family:inherit!important;
  font-size:15px!important;
  line-height:1.6!important;
  box-shadow:none!important;
  outline:none!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}

#mailformpro textarea{
  min-height:190px!important;
  resize:vertical!important;
}

#mailformpro input:focus,
#mailformpro textarea:focus{
  border-color:var(--contact-teal)!important;
  box-shadow:0 0 0 3px rgba(15,143,145,.10)!important;
}

#mailformpro input::placeholder,
#mailformpro textarea::placeholder{color:#9aa7b5;}

.contact-submit{
  margin-top:36px;
  text-align:center;
}

#mailformpro .contact-submit button[type="submit"]{
  display:inline-flex!important;
  min-width:300px!important;
  min-height:56px!important;
  margin:0!important;
  padding:0 28px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:20px!important;
  border:0!important;
  border-radius:28px!important;
  background:var(--contact-teal)!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:.04em!important;
  line-height:1.4!important;
  cursor:pointer!important;
  box-shadow:none!important;
}

#mailformpro .contact-submit button[type="submit"]:hover{
  background:var(--contact-teal-dark)!important;
}

#mailformpro .mfp_err,
#mailformpro .mfp_error,
#mailformpro .error{
  color:var(--contact-error)!important;
  font-size:12px!important;
  line-height:1.6!important;
}

/* Footer */
.contact-page .contact-footer{
  margin:0;padding:54px 40px 28px;background:#fff;color:var(--contact-navy);
  border-top:1px solid #edf2f2;
}
.contact-footer__inner{
  width:min(1180px,calc(100% - 80px));margin:0 auto;display:grid;
  grid-template-columns:320px 260px minmax(0,1fr);gap:64px;align-items:start;
}
.contact-footer__brand{display:flex;align-items:center;gap:18px;}
.contact-footer__brand img{display:block;margin:0;}
.contact-footer__brand p{margin:0;color:var(--contact-navy);font-size:17px;letter-spacing:.04em;}
.contact-footer__brand small{display:block;margin-top:5px;color:var(--contact-teal);font-size:12px;}
.contact-footer__contact a{display:block;margin-bottom:16px;color:var(--contact-navy);font-size:17px;text-decoration:none;}
.contact-footer__contact address{margin:0;color:var(--contact-muted);font-size:12px;font-style:normal;line-height:1.8;}
.contact-footer__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 28px;}
.contact-footer__nav a{color:var(--contact-navy);font-size:12px;text-decoration:none;}
.contact-footer__nav a:hover{color:var(--contact-teal);}
.contact-footer__bottom{
  width:min(1180px,calc(100% - 80px));margin:34px auto 0;padding-top:22px;
  border-top:1px solid var(--contact-line);display:flex;flex-wrap:wrap;gap:8px 22px;
}
.contact-footer__bottom a,.contact-footer__bottom small{color:var(--contact-muted);font-size:10px;text-decoration:none;}
.contact-footer__bottom small{margin-left:auto;}

html.wf-loading .contact-page{visibility:hidden;}
html.wf-active .contact-page,
html.wf-inactive .contact-page{visibility:visible;}

@media screen and (max-width:1250px){
  .contact-header__brand small{display:none;}
  .contact-nav ul{gap:15px;}
  .contact-nav a{font-size:11px;}
  .contact-nav__cta a{min-width:150px;padding:0 16px;}
  .contact-footer__inner{grid-template-columns:280px 230px minmax(0,1fr);gap:36px;}
  .contact-hero__visual{width:min(48vw,520px);height:205px;}
}


/* --------------------------------
   Thanks page
-------------------------------- */
.thanks-main{
  background:#fff;
}

.thanks-hero{
  min-height:560px;
  padding:72px 40px 96px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}

.thanks-hero__visual{
  position:absolute;
  inset:0 0 auto auto;
  width:48%;
  height:100%;
  background-image:url("../img/play-open-v4.webp");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:.16;
  filter:saturate(.82) brightness(1.06);
}

.thanks-hero__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      90deg,
      #fff 0%,
      rgba(255,255,255,.98) 42%,
      rgba(255,255,255,.90) 58%,
      rgba(255,255,255,.72) 72%,
      rgba(255,255,255,.58) 100%
    );
}

.thanks-hero::after{
  content:"";
  position:absolute;
  width:520px;
  height:220px;
  right:-220px;
  bottom:-132px;
  border:5px solid rgba(232,244,66,.72);
  border-radius:50%;
  transform:rotate(-9deg);
  pointer-events:none;
}

.thanks-card{
  width:min(720px,calc(100% - 80px));
  margin:0 auto;
  padding:54px 56px 56px;
  position:relative;
  z-index:2;
  background:rgba(255,255,255,.94);
  border:1px solid var(--contact-line);
  text-align:center;
}

.thanks-mark{
  width:58px;
  height:58px;
  margin:0 auto 26px;
  border:1px solid var(--contact-teal);
  border-radius:50%;
  position:relative;
}

.thanks-mark span{
  width:19px;
  height:10px;
  border-left:2px solid var(--contact-teal);
  border-bottom:2px solid var(--contact-teal);
  position:absolute;
  left:18px;
  top:20px;
  transform:rotate(-45deg);
}

.thanks-card .contact-eyebrow{
  margin-bottom:16px;
}

.thanks-card h1{
  margin:0;
  color:var(--contact-navy);
  font-size:38px;
  font-weight:400;
  line-height:1.45;
  letter-spacing:.025em;
}

.thanks-lead{
  margin:24px 0 0;
  color:var(--contact-navy);
  font-size:16px;
  line-height:1.9;
}

.thanks-copy{
  margin:12px 0 0;
  color:var(--contact-muted);
  font-size:14px;
  line-height:1.95;
}

.thanks-button{
  display:inline-flex;
  min-width:260px;
  min-height:54px;
  margin-top:34px;
  padding:0 26px;
  align-items:center;
  justify-content:center;
  gap:18px;
  border-radius:27px;
  background:var(--contact-teal);
  color:#fff;
  font-size:14px;
  text-decoration:none;
  letter-spacing:.03em;
}

.thanks-button:hover{
  background:var(--contact-teal-dark);
  color:#fff;
}
}

/* Smartphone */
@media screen and (max-width:768px) {
.contact-page .btn-trigger.pnone,
.contact-page .contact-nav .close.pnone,
.contact-page br.pnone{display:block!important;}
.contact-page .contact-header__brand small{display:none;}
:root{
  --contact-teal:#0f8f91;
  --contact-teal-dark:#0b7478;
  --contact-navy:#1c3055;
  --contact-pale:#f2f8f8;
  --contact-line:#d8e8e8;
  --contact-muted:#596a81;
  --contact-yellow:#e8f442;
  --contact-error:#b64f4f;
}

.contact-page{
  width:100%;
  max-width:100%;
  margin:0;
  color:var(--contact-navy);
  background:#fff;
  overflow-x:hidden;
  font-family:"kozuka-gothic-pr6n","Noto Sans CJK JP","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",sans-serif;
}
.contact-page,.contact-page *{box-sizing:border-box;}
.contact-page address{font-style:normal;}

/* Header */
.contact-header-wrap{width:100%;min-height:90px;background:#fff;border-bottom:1px solid #edf2f2;}
.contact-page .contact-header{
  width:100%;min-height:90px;padding:5px 18px;display:flex;
  align-items:center;justify-content:space-between;position:fixed;top:0;left:0;
  z-index:9999;background:rgba(255,255,255,.96);
}
.contact-header__brand{margin:0;}
.contact-header__brand a{display:flex;align-items:center;color:var(--contact-navy);text-decoration:none;}
.contact-header__brand img{width:60px;height:60px;margin-right:12px;}
.contact-header__brand span{display:block;font-family:Arial,sans-serif!important;font-size:18px;font-weight:700;line-height:1.1;letter-spacing:.08em;}
.contact-header__brand small{display:block;margin-top:5px;color:var(--contact-teal);font-family:Arial,sans-serif!important;font-size:7px;font-weight:600;letter-spacing:.14em;}
.contact-page .contact-header .btn-trigger{flex:0 0 50px;margin:0;}
.contact-page .contact-nav{position:fixed;inset:0;width:100%;height:100dvh;background:#fff;display:none;z-index:9999;overflow-y:auto;}
.contact-page .contact-nav.is-open{display:block;}
.contact-nav ul{padding:96px 40px 40px;}
.contact-nav li{margin:0 0 18px;padding:0;text-align:center;}
.contact-nav a{color:var(--contact-navy);font-size:16px;line-height:1.5;text-decoration:none;letter-spacing:0;}
.contact-nav a[aria-current="page"],.contact-nav a[aria-current="location"]{color:var(--contact-teal);}
.contact-nav__cta{width:min(300px,100%);margin:28px auto 0!important;}
.contact-nav__cta a{
  display:flex;width:100%;min-height:60px;padding:0 22px;align-items:center;
  justify-content:center;border-radius:30px;background:var(--contact-teal);color:#fff;
  font-size:16px;line-height:1.4;letter-spacing:0;white-space:nowrap;
}
.contact-nav .close{margin-top:24px;color:var(--contact-muted);font-size:14px;}

/* Breadcrumb */
.contact-page #pan.contact-breadcrumb{width:calc(100% - 56px);margin:0 auto;padding:18px 0 0;font-size:11px;}
.contact-page #pan.contact-breadcrumb li,
.contact-page #pan.contact-breadcrumb li a{color:#7b8798;font-size:11px;text-decoration:none;}

/* Hero */
.contact-hero{
  padding:52px 28px 40px;
  position:relative;
  overflow:hidden;
  background:#fff;
  min-height:250px;
}

.contact-hero__visual{
  position:absolute;
  top:0;
  right:0;
  width:58%;
  height:100%;
  background-image:url("../img/play-open-v4.webp");
  background-position:58% center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:.34;
  filter:saturate(.80) brightness(1.05);
}

.contact-hero__overlay{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(
      90deg,
      #fff 0%,
      rgba(255,255,255,.98) 46%,
      rgba(255,255,255,.82) 64%,
      rgba(255,255,255,.34) 100%
    );
}

.contact-hero::after{
  content:"";
  position:absolute;
  width:330px;
  height:150px;
  right:-168px;
  bottom:-92px;
  border:4px solid rgba(232,244,66,.72);
  border-radius:50%;
  transform:rotate(-10deg);
  pointer-events:none;
  z-index:1;
}

.contact-hero__inner{
  width:100%;
  margin:0 auto;
  position:relative;
  z-index:2;
}

.contact-eyebrow{margin:0 0 14px;color:var(--contact-teal);font-family:Arial,sans-serif!important;font-size:11px;font-weight:600;letter-spacing:.18em;line-height:1.4;}
.contact-hero h1{margin:0;color:var(--contact-navy);font-size:31px;font-weight:400;line-height:1.45;letter-spacing:.025em;}
.contact-hero__lead{margin:18px 0 0;color:var(--contact-muted);font-size:13px;line-height:1.85;max-width:290px;}

/* Form */
.contact-form-section{padding:0 28px 76px;background:#fff;}
.contact-form-wrap{width:100%;margin:0 auto;}
.contact-form__intro{margin-bottom:22px;padding:18px;background:var(--contact-pale);border-left:3px solid var(--contact-teal);}
.contact-form__intro p{margin:0;color:#526079;font-size:12px;line-height:1.8;}
.contact-form__intro p + p{margin-top:5px;}
.contact-form__note span{display:inline-block;margin-right:6px;padding:2px 7px;border-radius:10px;background:var(--contact-teal);color:#fff;font-size:9px;line-height:1.5;}

#mailformpro{width:100%;margin:0;padding:0;background:#fff;}
#mailformpro .contact-form-table,
#mailformpro .contact-form-table tbody,
#mailformpro .contact-form-table tr,
#mailformpro .contact-form-table th,
#mailformpro .contact-form-table td{
  display:block;width:100%;
}
#mailformpro .contact-form-table{margin:0;border-collapse:collapse;border-top:1px solid var(--contact-navy);}
#mailformpro .contact-form-table tr{border-bottom:1px solid var(--contact-line);}
#mailformpro .contact-form-table th,
#mailformpro .contact-form-table td{border:0;text-align:left;}
#mailformpro .contact-form-table th{
  padding:18px 4px 8px;background:#fff;color:var(--contact-navy);
  font-size:13px;font-weight:500;line-height:1.6;
}
.required-mark{
  display:inline-block;margin-left:8px;padding:2px 7px;border-radius:10px;
  background:var(--contact-teal);color:#fff;font-size:9px;font-weight:500;line-height:1.5;vertical-align:1px;
}
#mailformpro .contact-form-table td{padding:0 0 20px;background:#fff;}

#mailformpro input[type="text"],
#mailformpro input[type="email"],
#mailformpro input[type="tel"],
#mailformpro textarea{
  width:100%!important;max-width:none!important;margin:0!important;
  padding:14px 15px!important;border:1px solid #cbdcdc!important;border-radius:4px!important;
  background:#fff!important;color:var(--contact-navy)!important;font-family:inherit!important;
  font-size:15px!important;line-height:1.6!important;box-shadow:none!important;outline:none!important;
}
#mailformpro textarea{min-height:210px!important;resize:vertical!important;}
#mailformpro input:focus,
#mailformpro textarea:focus{
  border-color:var(--contact-teal)!important;
  box-shadow:0 0 0 3px rgba(15,143,145,.10)!important;
}

.contact-submit{margin-top:30px;text-align:center;}
#mailformpro .contact-submit button[type="submit"]{
  display:flex!important;width:100%!important;min-height:58px!important;margin:0!important;
  padding:0 24px!important;align-items:center!important;justify-content:center!important;gap:18px!important;
  border:0!important;border-radius:29px!important;background:var(--contact-teal)!important;color:#fff!important;
  font-family:inherit!important;font-size:15px!important;font-weight:500!important;letter-spacing:.03em!important;
  line-height:1.4!important;cursor:pointer!important;box-shadow:none!important;
}
#mailformpro .mfp_err,
#mailformpro .mfp_error,
#mailformpro .error{color:var(--contact-error)!important;font-size:12px!important;line-height:1.6!important;}

/* Footer */
.contact-page .contact-footer{
  margin:0;padding:42px 28px 24px;background:#fff;color:var(--contact-navy);
  border-top:1px solid #edf2f2;
}
.contact-footer__inner{width:100%;display:block;}
.contact-footer__brand{display:flex;align-items:center;gap:14px;}
.contact-footer__brand img{width:60px;height:auto;display:block;margin:0;}
.contact-footer__brand p{margin:0;color:var(--contact-navy);font-size:15px;line-height:1.5;}
.contact-footer__brand small{display:block;margin-top:4px;color:var(--contact-teal);font-size:10px;}
.contact-footer__contact{margin-top:30px;}
.contact-footer__contact a{display:block;margin-bottom:12px;color:var(--contact-navy);font-size:16px;text-decoration:none;}
.contact-footer__contact address{margin:0;color:var(--contact-muted);font-size:11px;font-style:normal;line-height:1.8;}
.contact-footer__nav{
  margin-top:32px;padding-top:24px;border-top:1px solid var(--contact-line);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;
}
.contact-footer__nav a{color:var(--contact-navy);font-size:11px;line-height:1.6;text-decoration:none;}
.contact-footer__bottom{
  width:100%;margin:28px auto 0;padding-top:20px;border-top:1px solid var(--contact-line);
  display:flex;flex-direction:column;gap:9px;
}
.contact-footer__bottom a,.contact-footer__bottom small{color:var(--contact-muted);font-size:9px;line-height:1.6;text-decoration:none;}
.contact-footer__bottom small{margin:10px 0 0;}

html.wf-loading .contact-page{visibility:hidden;}
html.wf-active .contact-page,
html.wf-inactive .contact-page{visibility:visible;}


/* --------------------------------
   Thanks page / mobile
-------------------------------- */
.thanks-main{background:#fff;}

.thanks-hero{
  min-height:620px;
  padding:54px 28px 72px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}

.thanks-hero__visual{
  position:absolute;
  top:0;
  right:0;
  width:62%;
  height:100%;
  background-image:url("../img/play-open-v4.webp");
  background-position:58% center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:.12;
  filter:saturate(.8) brightness(1.06);
}

.thanks-hero__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.94) 38%,#fff 100%);
}

.thanks-hero::after{
  content:"";
  position:absolute;
  width:320px;
  height:145px;
  right:-155px;
  bottom:-86px;
  border:4px solid rgba(232,244,66,.68);
  border-radius:50%;
  transform:rotate(-10deg);
  pointer-events:none;
}

.thanks-card{
  width:100%;
  max-width:560px;
  margin:0 auto;
  padding:42px 28px 44px;
  position:relative;
  z-index:2;
  background:rgba(255,255,255,.96);
  border:1px solid var(--contact-line);
  text-align:center;
}

.thanks-mark{
  width:54px;
  height:54px;
  margin:0 auto 24px;
  border:1px solid var(--contact-teal);
  border-radius:50%;
  position:relative;
}

.thanks-mark span{
  width:18px;
  height:10px;
  border-left:2px solid var(--contact-teal);
  border-bottom:2px solid var(--contact-teal);
  position:absolute;
  left:17px;
  top:19px;
  transform:rotate(-45deg);
}

.thanks-card .contact-eyebrow{
  margin-bottom:14px;
}

.thanks-card h1{
  margin:0;
  color:var(--contact-navy);
  font-size:30px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:.02em;
}

.thanks-lead{
  margin:22px 0 0;
  color:var(--contact-navy);
  font-size:14px;
  line-height:1.9;
}

.thanks-copy{
  margin:10px 0 0;
  color:var(--contact-muted);
  font-size:13px;
  line-height:1.9;
}

.thanks-button{
  display:flex;
  width:100%;
  min-height:56px;
  margin-top:30px;
  padding:0 22px;
  align-items:center;
  justify-content:center;
  gap:16px;
  border-radius:28px;
  background:var(--contact-teal);
  color:#fff;
  font-size:14px;
  text-decoration:none;
}
}