@charset "UTF-8";
/****************************************************************************************************************************/
/*
/*
/* = Home Style
/*
/*
/****************************************************************************************************************************/
.contact-wrapper .aside {
  display: none;
}
.contact-wrapper .main {
  border-bottom: 1px solid #dddddd;
  padding-bottom: clamp(96px, 9.375vw, 120px);
}

/*
/*
/* = Visual
/*
/*
/* ---------------------------------------------------------------------------------------------------------------------- */
/*
/*
/* = Main
/*
/*
/* ---------------------------------------------------------------------------------------------------------------------- */
.main .contact-txt {
  margin-bottom: 2em;
  text-align: center;
}
.main .contact-cnt {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: clamp(24px, 2.34375vw, 30px) clamp(24px, 2.34375vw, 30px);
}
.main .contact-cnt--item {
  width: calc((100% - clamp(24px, 2.34375vw, 30px) * 1) / 2);
  padding: clamp(32px, 3.125vw, 40px) clamp(24px, 2.34375vw, 30px);
  background-color: rgba(238, 238, 238, 0.9);
}
@media screen and (max-width: 767px) {
  .main .contact-cnt--item {
    width: 100%;
  }
  .main .contact-cnt--item + .contact-cnt--item {
    margin-top: clamp(48px, 7.8226857888vw, 60px);
  }
}
.main .contact-cnt--item .ttl {
  margin-bottom: clamp(24px, 2.34375vw, 30px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .main .contact-cnt--item .ttl {
    margin-bottom: clamp(10px, 1.3037809648vw, 10px);
  }
}
.main .contact-cnt--item .ttl span {
  display: block;
  margin-bottom: 0.5em;
  font-size: clamp(18px, 1.71875vw, 22px);
  font-weight: 600;
}
.main .contact-cnt--item .ttl small {
  display: block;
}
.main .contact-cnt--item .link {
  text-align: center;
}
.main .contact-cnt--item .link .btn--tel::before {
  font-size: clamp(29px, 2.8125vw, 36px);
}
.main .contact-cnt--item .link .btn--tel big {
  font-size: clamp(26px, 2.5vw, 32px);
}
.main .contact-cnt--item .link .btn--contact {
  font-size: clamp(13px, 1.25vw, 16px);
}
.main .contact-cnt--item .link .btn--contact::before {
  font-size: clamp(16px, 1.5625vw, 20px);
}
.main .form-txt {
  margin-bottom: 2em;
  text-align: center;
}
.main .form-cnt--attend {
  margin-bottom: 2em;
}
.main .form-cnt--steps {
  overflow: hidden;
  margin-bottom: 3em;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
}
.main .form-cnt--steps li {
  position: relative;
  width: 33.3333333333%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0.5em;
  background-color: #eeeeee;
}
@media screen and (max-width: 767px) {
  .main .form-cnt--steps li {
    padding-right: 0;
  }
}
.main .form-cnt--steps li:not(:last-child)::before, .main .form-cnt--steps li:not(:last-child)::after {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  content: "";
  border-width: clamp(32px, 3.125vw, 40px);
  border-color: transparent;
  border-style: solid;
  border-left-width: 20px;
  border-left-color: #eeeeee;
}
@media screen and (max-width: 767px) {
  .main .form-cnt--steps li:not(:last-child)::before, .main .form-cnt--steps li:not(:last-child)::after {
    border-left-width: 10px;
  }
}
.main .form-cnt--steps li:not(:last-child)::before {
  margin-left: 2px;
  border-left-color: #ffffff;
}
.main .form-cnt--steps li.now {
  background-color: #009933;
  color: #ffffff;
}
.main .form-cnt--steps li.now:not(:last-child)::after {
  border-left-color: #009933;
}
.main .form-cnt--field .tbl dt {
  padding: 1.8em 1em;
}
.main .form-cnt--field .tbl .req::before {
  display: inline-block;
  margin-right: 0.25em;
  padding: 0em 0.5em;
  font-size: 11px;
  content: "必須";
  background-color: #c40e1a;
  color: #ffffff;
}
.main .form-cnt--field .submit {
  margin-top: 3em;
}
.main .form-cnt--field .submit button {
  display: inline-block;
  background-color: #009933;
  color: #ffffff;
  border-radius: 1px;
}
.main .form-cnt--field .submit button.re {
  background-color: #666666;
}
.main .form-cnt--field .submit button + button {
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .main .form-cnt--field .submit button + button {
    margin-left: 0;
    margin-top: 10px;
  }
}