@charset "UTF-8";

@media screen and (min-width: 481px) {
.sp { display: none; }
}

@media screen and (max-width: 480px) {
.pc { display: none; }

h1 {
  font-size:1.2em
}
.confirmationForm h1 + div {
  margin: 2em 0;
  text-align: left;
}

.radios {
  label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    span {
      width: 100%;
      display: inline-flex;
      flex-direction: column;
      align-items: flex-start;
    }
  }
}

.attention-text {
  margin: 10px;
}

#wrapper > section > div > div {
  max-width: none;
  width: calc( 100% - 20px );
  padding: 0;
}

#wrapper > section#visual {
  margin-bottom: 20px;
}

#wrapper > section#equipment {
  margin-bottom: 20px;
}

header .inner {
  padding-right: 10px;
  padding-left: 10px;
}

section#visual > div > div figure {
  margin-bottom: 0;
}

section#point > div > div figure {
  width: calc( 100% );
  margin-bottom: 20px;
}

section#equipment > div > div {
  text-align: center;
}

section#equipment > div > div {
  display: flex;
  flex-wrap: wrap;
}

section#equipment > div > div figure {
  margin-bottom: 20px;
}

section#equipment > div > div figure:nth-child(2) {
  width: 65%;
  margin-right: 5%;
}
section#equipment > div > div figure:nth-child(3) {
  width: 30%;
}

section#tel > div > div {
  flex-wrap: wrap;
}

section#tel > div > div > figure {
  width: calc( 100% );
}
section#tel > div > div > div {
  width: calc( 100% );
}

footer .inner a,
footer .inner div:nth-child(2) a:nth-child(n+1) {
  width: 100%;
}

footer .inner div:nth-child(2) a:nth-child(1) img {
  width: 60%;
}
footer .inner div:nth-child(2) a:nth-child(2) img {
  width: 60%;
}
footer .inner div:nth-child(2) a:nth-child(3) img {
  width: 60%;
}

.btns-entry {
  padding: 20px 0;
}
.link-area .btns-entry a {
  width: 80%;
}


#confirmationPaymentMethod {
  width: calc(100% - 20px);
  margin-left: 10px;
}

#confirmationPaymentMethod table,
#confirmationPaymentMethod table tbody,
#confirmationPaymentMethod table tr,
#confirmationPaymentMethod table th,
#confirmationPaymentMethod table td {
  display: block;
}
#confirmationPaymentMethod table th,
#confirmationPaymentMethod table td {
  min-width: auto;
}

#confirmationDescription {
  text-align: left;
}

#confirmationEntryButtons {
  display: block;
}

#confirmationEntryButtons a {
  width: 100%;
  padding: 2em 2em;
  margin-bottom: 1em;
}

#confirmationGoBackButtons {
  margin: 1em 0;
}

.input-set {
  margin-bottom: 2em;
}

.imgtxt {
  font-size: 0.4em;
}
body.thanks {
  display: flex;
  flex-direction: column;
  height: 100%;
  #wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    margin-top: 20px;
    section {
      border: 1px solid #ccc;
      padding: 16px;
      border-radius: 10px;
      margin: 0 16px;

      .thanksTitle {
        text-align: center;
        font-weight: bold;
        font-size: 1.4em;
        margin-bottom: 8px;
      }
      .thanksText {
        line-height: 1.4em;
        text-align: center;
        white-space: pre-line;
        font-size: 1.2em;
      }
    }
  }
}
}