/* コンタクト */

.contact-breadcrumbs {
  padding-block: 100px 170px;
  padding-inline: var(--pi);
  background-color: var(--main);
  color: var(--base);
  display: flex;
  gap: 8px;
}
.contact-breadcrumbs_icon{
  width: 16px;
  aspect-ratio: 16 / 14;
}
.contact-breadcrumbs_icon img{
  -o-object-fit: contain;
  object-fit: contain;
}

.contact-form-container {
  max-width: 1200px;
  margin-inline: auto;
  padding: 80px  calc(100%* 120 / 1200);
  background-color: var(--base);
  border-radius: 8px;
  translate: 0 -140px;
  @media(max-width: 1280px){
    width:  calc(100%* 1200 / 1280);
    padding: 40px  calc(100%* 120 / 1200);
  }
}


.contact-text{
  margin-top: 35px;
  line-height: 1.5;
}
.contactform-form-inner {
  max-width: 600px;
  margin-inline: auto;
}

.contact-iframe {
  margin-top: 35px;
}

@media (hover: hover) and (pointer: fine) {
  .hs-submit > .actions:hover{
    opacity: 0.7;
  } 
}


/* ダウンロード */

.document-ttl {
  padding-top: 150px;
  background-color: var(--main);
  text-align: center;
  font-size: 28px;
  color: var(--base);
  font-weight: 700;
  line-height: 1;
}


.document-ttl-sub {
  font-weight: 700;
  font-size: 16px;
}

.document-breadcrumbs {
  padding-block: 60px 170px;
  padding-inline: var(--pi);
  background-color: var(--main);
  color: var(--base);
  display: flex;
  gap: 8px;
}

.document-form-container {
  max-width: 1200px;
  margin-inline: auto;
  padding: 80px  calc(100%* 120 / 1200);
  background-color: var(--base);
  border-radius: 8px;
  translate: 0 -140px;
  @media(max-width: 1280px){
    width:  calc(100%* 1200 / 1280);
    padding: 40px  calc(100%* 120 / 1200);
  }
  @media(max-width: 1024px){
    padding: 40px  calc(100%* 60 / 1200);
  }
}

.document-contents-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  @media(max-width: 768px){
    display: flex;
    flex-direction: column;
  }
}


.document-image {
  border: 1px solid #efefef;
  border-radius: 4px;
  padding: 40px 64px;
  @media(max-width: 1280px){
    padding: 28px 40px;
  }
  @media(max-width: 768px){
    padding: 16px 20px;
  }
}

.document-form-ttl {
  margin-top: 32px;

}

.document-text-block {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  @media(max-width: 768px){
    gap: 20px;
  }
}

.document-text {
  line-height: 2;
}

.document-overview {
  margin-top: 60px;
  @media(max-width: 768px){
    margin-top: 40px;
  }
}

.document-overview-ttl {
  font-size: 20px;
  font-weight: 700;
}

.document-overview-list-block {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 1em;
  @media(max-width: 768px){
    margin-top: 28px;
  }
}

.document-overview-list {
  margin-left:  calc(100%* 64 / 456);
  position: relative;
  &::before{
    content: "";
    width: 10px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--main);
    display: block;
    position: absolute;
    top: 0.5em;
    left: -20px;
  }
}

/* サンクスページ */
.thanks-container{
  text-align: center;
  @media(max-width: 1024px){
    padding: 40px  calc(100%* 60 / 1200);
    
  }
}
.thanks-ttl{
  @media(max-width: 768px){
    font-size: 26px!important;
  }
}
.thanks-text{
  @media(max-width: 768px){
    text-align: left!important;
  }
}

.thanks-btn a{
  width: 300px;
  margin-top: 80px;
}

.low-page-ttl{
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}
.low-page-main{
  background-color: var(--bg-gray);
}

.low-page-ttl-sub{
  display: block;
  margin-bottom: 40px;
}