/*global block styles*/

.f {
  display: flex;
  flex-direction: row;
}
.f-sb {
  justify-content: space-between;
}
/*46 styles */

.title-01 {
  --accent-color: #ecaf26;
  padding: calc(var(--gap)*2.5) var(--gap);
  overflow: hidden;
  position: relative;
  line-height: 1;
  background: var(--accent-color);
  color: white;
  text-align: center;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 253.19 207.09'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ffffff;opacity:.1;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M180.59,96.13h0c-4.27-4.25-11.16-4.25-15.43,0l-15.43,15.43-15.42-15.43c-4.26-4.26-11.17-4.26-15.43,0s-4.26,11.17,0,15.43l15.43,15.43-38.56,38.56c-4.26,4.26-4.26,11.16,0,15.42s11.16,4.26,15.42,0l38.56-38.56,15.43,15.43c4.26,4.26,11.17,4.26,15.43,0h0c4.25-4.27,4.25-11.17,0-15.43l-15.43-15.42,15.43-15.43c4.25-4.27,4.25-11.16,0-15.43Z'/%3E%3Cpath class='cls-1' d='M64.9,119.27c4.26,4.26,4.26,11.17,0,15.43h0c-4.26,4.26-11.17,4.26-15.43,0h0L3.19,88.42c-4.25-4.26-4.25-11.16,0-15.42h0c4.26-4.26,11.17-4.26,15.43,0h0l46.28,46.27Zm77.1-30.85c4.26,4.26,11.17,4.26,15.43,0h0L226.84,19.01c4.16-4.36,4.01-11.26-.35-15.43-4.22-4.03-10.85-4.03-15.07,0l-61.71,61.7L88,3.58c-4.05-4.46-10.95-4.8-15.41-.75-4.46,4.05-4.8,10.95-.75,15.41,.24,.27,.5,.52,.77,.77l69.39,69.41Zm-46.27,0c4.26,4.26,11.16,4.26,15.41,0h0l11.59-11.58-15.42-15.42-3.86,3.85h0L41.76,3.58c-4.26-4.26-11.17-4.26-15.43,0-4.26,4.26-4.26,11.17,0,15.43L95.73,88.42Zm-23.12,23.14c4.26,4.26,11.16,4.26,15.41,0h0c4.26-4.27,4.26-11.17,0-15.43h0L18.62,26.72c-4.26-4.26-11.17-4.26-15.43,0h0c-4.25,4.27-4.25,11.17,0,15.43L72.61,111.56ZM180.61,19.01c4.26-4.26,4.26-11.17,0-15.43s-11.17-4.26-15.43,0h0l-34.73,34.71,15.43,15.43,34.73-34.71Zm69.41,54c-4.26-4.26-11.17-4.26-15.43,0h0l-46.29,46.26c-4.36,4.16-4.52,11.07-.36,15.42s11.07,4.52,15.42,.36c.12-.12,.24-.23,.35-.35l46.28-46.28c4.26-4.26,4.26-11.16,0-15.41h.01Zm-61.7,15.42c4.26,4.26,11.16,4.26,15.41,0h0l46.26-46.29c4.26-4.26,4.26-11.17,0-15.43h0c-4.26-4.26-11.17-4.26-15.43,0h0l-46.27,46.28c-4.26,4.26-4.26,11.16,0,15.41h0l.02,.02Zm-77.13,30.85h0c-4.26-4.26-11.16-4.26-15.41,0h0l-23.16,23.14c-4.47,4.04-4.82,10.94-.79,15.41s10.94,4.82,15.41,.79c.27-.24,.52-.5,.77-.77l23.14-23.14c4.27-4.25,4.28-11.16,.03-15.43h.02Zm46.28,46.29c-4.26-4.26-11.17-4.26-15.43,0h0l-23.16,23.09c-4.16,4.36-4,11.26,.36,15.42,4.22,4.03,10.86,4.02,15.07,0l23.14-23.14c4.26-4.26,4.26-11.16,0-15.41h0l.02,.04Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 5% 15%;
  background-size: 30%;
  border-top: 8px solid rgba(0, 0, 0, 0.1);
}
.title-01 h1 {
  font-weight: 700;
  font-size: 400%;
  margin: 0;
  line-height: inherit;
  letter-spacing: -0.2rem;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (min-width:768px) and (max-width:1024px) {
  
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape) {
  
}
@media screen and (max-width:767px) {
  
}
@media screen and (max-width:767px) and (orientation: landscape) {
  .tf-01 .contents {
    flex-direction: row;
  }
  .tf-01 .box {
    width: 45%;
    gap: .5rem;
  }
  .tf-01 .title {
    font-size: 1.5rem;
  }
}
@media screen and (max-width:767px) {
  
}
/*checking for variables*/

/* PATTERN= \/\*(?<var>[a-zA-Z0-9\\_]+)\=(?<styles>.*)\*\/ */

/* MATCHES FOUND=1*/

/*23 styles */

.tform-01 {
  --gap: 1rem;
  --max-box-width: 610px;
  padding: 3rem;
}
.tform-01 .contents {
  display: flex;
  flex-direction: row;
  gap: 3rem;
  background: white;
  border-radius: 1rem;
  padding: 2rem;
}
.tform-01 .intro h1 {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 500%;
  text-transform: uppercase;
  color: var(--accent-color);
}
.tform-01 h2 {
  margin-top: 0;
}
.tform-01 h2 + p {
  margin-bottom: 2rem;
}
.tform-01 .form {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}
.tform-01 .form form[disabled] ui-input,
.tform-01 .form form[disabled] ui-textarea,
.tform-01 .form form[disabled] fieldset legend {
  pointer-events: none;
  opacity: .5;
}
.tform-01 .form form[disabled] ui-button {
  pointer-events: none;
  --box-shadow: none;
  --background-color: whitesmoke;
  --text-color: #888888;
}
.tform-01 .form form[disabled] ui-button ui-spinner {
  display: block;
}
.tform-01 .form form[disabled] ui-button ui-icon {
  display: none;
}
.tform-01 h1 {
  margin: 0 0 var(--gap) 0;
  font-size: 450%;
  line-height: 1;
  letter-spacing: -0.2rem;
}
.tform-01 p {
  line-height: 1.2;
  max-width: 560px;
  margin: 1rem auto;
}
.tform-01 fieldset {
  border: 0;
  border-top: 1px solid #dddddd;
}
.tform-01 fieldset legend {
  font-weight: 700;
  font-size: 150%;
  padding: 0 0.5rem;
  color: #244d9f;
}
.tform-01 ui-input,
.tform-01 ui-textarea {
  width: 100%;
}
.tform-01 ui-button {
  --box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
.tform-01 ui-button ui-icon,
.tform-01 ui-button ui-spinner {
  width: 1.5rem;
}
.tform-01 ui-button ui-spinner {
  display: none;
}
.tform-01 ui-button ui-spinner::part(base) {
  width: 1rem;
  height: 1rem;
  border: 3px solid transparent;
  border-top-color: #9f3968;
}
.tform-01 .alert {
  padding: 1rem;
  border-left: 1px solid #9f3968;
  border-left-width: 4px;
  background: #ffffed;
}
.tform-01 .alert strong {
  color: #9f3968;
}
.tform-01 .alert ul {
  list-style-type: square;
}
@media screen and (min-width:768px) and (max-width:1024px) {
  
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape) {
  .tform-01 .contents {
    flex-direction: row;
  }
  .tform-01 .title {
    font-size: 1.5rem;
  }
}
@media screen and (max-width:767px) {
  .tform-01 {
    --gap: 1rem;
    padding: 2rem 1rem;
  }
  .tform-01 .contents {
    flex-direction: column;
    padding: 0;
    gap: 0;
  }
  .tform-01 .copy,
  .tform-01 .photo {
    width: 100%;
    gap: .5rem;
  }
  .tform-01 .title {
    font-size: 1.5rem;
  }
  .tform-01 .text {
    font-size: 1rem;
  }
}
@media screen and (max-width:767px) and (orientation: landscape) {
  .tform-01 .contents {
    flex-direction: row;
  }
  .tform-01 .box {
    width: 45%;
    gap: .5rem;
  }
  .tform-01 .title {
    font-size: 1.5rem;
  }
}
@media screen and (max-width:767px) {
  
}
/*checking for variables*/

/* PATTERN= \/\*(?<var>[a-zA-Z0-9\\_]+)\=(?<styles>.*)\*\/ */

/* MATCHES FOUND=2*/