@charset "UTF-8";
#line {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.line__contents {
  display: grid;
  gap: calc(24 / var(--spSize) * 100vw) 0;
}
@media (768px <= width) {
  .line__contents {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.6rem;
  }
}
.line__contents a {
  border: 2px solid var(--clr-green);
  color: var(--clr-green);
  border-radius: 100px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: calc(51 / var(--spSize) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(16 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .line__contents a {
    font-size: 1.4rem;
    line-height: 4.5rem;
    gap: 1.6rem;
  }
}
@media (hover: hover) and (width >= 768px) {
  .line__contents a {
    transition: all var(--ani);
  }
  .line__contents a i {
    transition: all var(--ani);
  }
  .line__contents a:hover {
    background-color: var(--clr-green);
    color: #fff;
  }
  .line__contents a:hover i.icon-next {
    background-image: url(../images/common/icon_link_white.svg);
  }
}

#inquiry {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.inquiry__contents {
  background: var(--clr-bg);
  border-radius: 0.8rem;
  padding: 4rem 1.6rem;
}
@media (768px <= width) {
  .inquiry__contents {
    padding: 4rem;
  }
}
.inquiry__contents > p {
  text-align: center;
  font-size: 1.6rem;
  line-height: 144%;
}
.inquiry__contents > .totop {
  font-size: 1.6rem;
  text-align: center;
  margin-top: 3.2rem;
}
.inquiry__contents > .totop i.icon-link {
  margin-left: 0.8rem;
}
@media (768px <= width) {
  .inquiry__contents dl {
    display: grid;
    grid-template-columns: 24rem auto;
  }
}
@media (768px <= width) {
  .inquiry__contents dt,
  .inquiry__contents dd {
    padding: 2.4rem 0;
  }
}
.inquiry__contents dt {
  font-size: 1.8rem;
  font-weight: 700;
}
@media (width < 768px) {
  .inquiry__contents dt {
    padding-top: 1.6rem;
  }
}
@media (768px <= width) {
  .inquiry__contents dt {
    display: flex;
    align-items: center;
  }
  .inquiry__contents dt:nth-child(1) {
    padding-top: 0;
  }
}
.inquiry__contents dt p {
  display: contents;
}
.inquiry__contents dt::after {
  border-radius: 0.2rem;
  font-size: 1.6rem;
  width: 4.8rem;
  line-height: 3.1rem;
  display: inline-block;
  text-align: center;
  margin-left: 2.4rem;
  color: #fff;
}
.inquiry__contents dt.required::after {
  content: "必須";
  background: var(--clr-main);
}
.inquiry__contents dt.optional::after {
  content: "任意";
  background: var(--clr-line);
}
.inquiry__contents dd {
  font-size: 1.6rem;
}
@media (width < 768px) {
  .inquiry__contents dd {
    padding-bottom: 1.6rem;
    padding-top: calc(8 / var(--spSize) * 100vw);
  }
}
@media (768px <= width) {
  .inquiry__contents dd:nth-child(1 of dd) {
    padding-top: 0;
  }
}
.inquiry__contents dd .note {
  font-size: 1.2rem;
  line-height: 144%;
}
@media (768px <= width) {
  .inquiry__contents dd .note {
    font-size: 1.4rem;
  }
}
.inquiry__contents dd + dt {
  border-top: 1px solid var(--clr-line);
}
@media (768px <= width) {
  .inquiry__contents dd:nth-child(n+2 of dd) {
    border-top: 1px solid var(--clr-line);
  }
}
@media (768px <= width) {
  .inquiry__contents dd.yoyaku p br {
    display: none;
  }
}
.inquiry__contents select,
.inquiry__contents input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]),
.inquiry__contents textarea {
  width: 100%;
  border: 1px solid var(--clr-line);
  outline: none;
}
@media (768px <= width) {
  .inquiry__contents input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=date]) {
    width: 40.3rem;
  }
}
.inquiry__contents input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]) {
  height: 4rem;
  padding: 0 1rem;
}
@media (768px <= width) {
  .inquiry__contents input#zip {
    width: 18.1rem;
  }
}
.inquiry__contents select {
  height: 4rem;
  padding: 0 3rem 0 1rem;
}
.inquiry__contents select.short {
  width: 16.5rem;
}
.inquiry__contents dd.renraku p {
  display: grid;
  grid-template-columns: 1fr 2em 1fr;
  align-items: center;
}
.inquiry__contents dd.renraku p span:nth-child(2) {
  text-align: center;
}
@media (768px <= width) {
  .inquiry__contents dd.renraku p {
    grid-template-columns: 16.5rem 2em 16.5rem;
  }
  .inquiry__contents dd.renraku p .wpcf7-form-control-wrap {
    margin: 0;
  }
}
.inquiry__contents dd.renraku select {
  width: 100%;
}
.inquiry__contents textarea {
  height: 12rem;
  padding: 1rem;
  line-height: 144%;
}
.inquiry__contents a {
  color: var(--clr-main);
  text-decoration: underline;
}
@media (hover: hover) and (width >= 768px) {
  .inquiry__contents a:hover {
    text-decoration: none;
  }
}
.inquiry__contents .wpcf7-form-control-wrap[data-name=yoyaku1date],
.inquiry__contents .wpcf7-form-control-wrap[data-name=yoyaku2date] {
  margin-bottom: 0.8rem;
  display: inline-block;
  width: 100%;
}
@media (768px <= width) {
  .inquiry__contents .wpcf7-form-control-wrap[data-name=yoyaku1date],
  .inquiry__contents .wpcf7-form-control-wrap[data-name=yoyaku2date] {
    width: 33.5rem;
    margin-right: 4rem;
  }
}
.inquiry__contents .wpcf7-form-control-wrap[data-name=yoyaku1time],
.inquiry__contents .wpcf7-form-control-wrap[data-name=yoyaku2time],
.inquiry__contents .wpcf7-form-control-wrap[data-name=renraku-start],
.inquiry__contents .wpcf7-form-control-wrap[data-name=renraku-end] {
  position: relative;
}
.inquiry__contents .wpcf7-form-control-wrap[data-name=yoyaku1time]::after,
.inquiry__contents .wpcf7-form-control-wrap[data-name=yoyaku2time]::after,
.inquiry__contents .wpcf7-form-control-wrap[data-name=renraku-start]::after,
.inquiry__contents .wpcf7-form-control-wrap[data-name=renraku-end]::after {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  right: 1.2rem;
  top: calc(50% - 0.8rem);
  background: url(../images/common/arrow_down.svg) center/contain no-repeat;
  pointer-events: none;
}
@media (768px <= width) {
  .inquiry__contents .wpcf7-form-control-wrap[data-name=yoyaku1time],
  .inquiry__contents .wpcf7-form-control-wrap[data-name=yoyaku2time],
  .inquiry__contents .wpcf7-form-control-wrap[data-name=renraku-start],
  .inquiry__contents .wpcf7-form-control-wrap[data-name=renraku-end] {
    display: inline-block;
    width: 16.5rem;
    margin-left: 1rem;
  }
}
.inquiry__contents .wpcf7-form-control-wrap[data-name=yoyaku1date] {
  margin-top: 0.8rem;
}
.inquiry__contents .wpcf7-form-control-wrap[data-name=yoyaku2date] {
  margin-top: 2.4rem;
}
@media (768px <= width) {
  .inquiry__contents .wpcf7-form-control-wrap[data-name=yoyaku2date] {
    margin-top: 0;
  }
}
.inquiry__contents .wpcf7-list-item {
  margin: 0 1em 0 0;
}
.inquiry__contents label:has(input[type=radio]) {
  display: inline-flex;
  align-items: center;
  gap: 0 0.4rem;
  outline: none;
}
.inquiry__contents input[type=radio] {
  background-color: #fff;
  border: 1px solid var(--clr-line);
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 100%;
  margin: 0;
  position: relative;
  outline: none;
}
.inquiry__contents input[type=radio]:checked:after {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: calc(50% - 0.5rem);
  left: calc(50% - 0.5rem);
  background-color: var(--clr-main);
  border-radius: 100%;
}
.inquiry__contents input[type=checkbox] {
  background-color: #fff;
  border: 1px solid var(--clr-line);
  width: 1.8rem;
  height: 1.8rem;
  margin: 0;
  position: relative;
}
.inquiry__contents input[type=checkbox]:checked:after {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  top: calc(50% - 1.1rem);
  left: calc(50% - 0.9rem);
  background-color: var(--clr-main);
  clip-path: polygon(80% 0, 100% 0, 100% 100%, 50% 100%, 50% 80%, 80% 80%);
  transform: rotate(45deg);
}
.inquiry__contents .buttonarea {
  margin-top: 4rem;
  display: flex;
  justify-content: center;
  gap: 1.6rem;
}
body#confirm .inquiry__contents .buttonarea {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 43.6rem;
  margin-left: auto;
  margin-right: auto;
}
.inquiry__contents .buttonarea .button[type=button],
.inquiry__contents .buttonarea .button {
  margin: 0 auto;
  width: 21rem;
  height: 5rem;
  font-size: 1.8rem;
}
body#confirm .inquiry__contents .buttonarea .button[type=button],
body#confirm .inquiry__contents .buttonarea .button {
  width: 100%;
}
.inquiry__contents .buttonarea p {
  display: contents;
}
.inquiry__contents .buttonarea .wpcf7-spinner {
  display: none;
  width: 0;
  height: 0;
  margin: 0;
}
.inquiry__contents .wpcf7-response-output {
  display: none;
}