/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/project/form.scss ***!
  \*******************************************************************************************************************************************************************************************/
/*
  xl
  82 - 56
  38 - 24
  32 - 23
  28 - 20
  26 - 18
  18 - 14
  14 - 12

  btn
  18 - 18

*/
@media only screen and (min-width: 960px) {
  .p-form > .m-flow {
    margin-top: 30px;
  }
}
.p-form__title {
  border-bottom: 1px solid var(--color-border__gray__light);
  margin: 0 auto;
  margin-bottom: 20px;
  margin-left: -20px;
  margin-right: -20px;
  max-width: var(--device-width-pc);
  padding: 0 20px 10px;
}
@media only screen and (min-width: 960px) {
  .p-form__title {
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 20px;
  }
}
.p-form__title__shopname {
  font-size: var(--fontSize-h2);
  font-weight: bold;
  line-height: 1.2;
}
.p-form__title__shopname__note {
  display: inline-block;
  font-size: var(--fontSize-s);
  font-weight: normal;
  margin-left: 0.5em;
}
.p-form__title__sub {
  display: block;
  font-size: var(--fontSize-s);
  font-weight: normal;
  margin-top: 1em;
}
.p-form__contact hr {
  background-color: var(--color-bg__gray);
  border: 0;
  display: block;
  height: 1px;
  width: 100%;
}
.p-form__contact__tel {
  color: var(--color-black);
  font-size: var(--fontSize-h2);
  font-weight: bold;
  text-align: center;
}
.p-form__contact__reception {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5em;
}
.p-form__contact__reception + .p-form__contact__reception {
  margin-top: 0.5em;
}
@media only screen and (min-width: 960px) {
  .p-form__contact__reception {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2em;
  }
}
.p-form__contact__reception__title {
  font-weight: bold;
}
@media only screen and (min-width: 960px) {
  .p-form__contact__reception__title {
    white-space: nowrap;
  }
}
.p-form--cancel__others {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 60px auto 0;
}
@media only screen and (min-width: 960px) {
  .p-form--cancel__others {
    width: 640px;
  }
}
.p-form--cancel__others__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-form--cancel__others__grid--col2 {
  width: calc(50% - 10px);
}
.p-form--cancel__others__grid--col1 {
  width: 100%;
}
.p-form--cancel__others__imglink {
  display: block;
}
@media (hover: hover) {
  .p-form--cancel__others__imglink:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
.p-form--cancel__others .m-btn {
  max-width: 400px;
}