.p-form {
  padding: 0 0 68px;
}

.p-form__header {
  position: relative;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  opacity: 0;
  -webkit-transition: opacity 0.6s var(--ease-main), -webkit-transform 0.6s var(--ease-main);
  transition: opacity 0.6s var(--ease-main), -webkit-transform 0.6s var(--ease-main);
  transition: transform 0.6s var(--ease-main), opacity 0.6s var(--ease-main);
  transition: transform 0.6s var(--ease-main), opacity 0.6s var(--ease-main), -webkit-transform 0.6s var(--ease-main);
}

.is-load .p-form__header {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.p-form__header::after {
  content: "";
  width: 100%;
  height: 60px;
  background: url(../img/txt_line.png) repeat left top/403.5px 60px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-animation: labelMoveLeft 6s linear infinite;
          animation: labelMoveLeft 6s linear infinite;
}

@media screen and (max-width: 749px) {
  .p-form__header::after {
    height: 30px;
    background: url(../img/txt_line.png) repeat left top/201.75px 30px;
  }
}

.p-form__header-bg {
  width: 100%;
}

.p-form__header-bg img {
  width: 100%;
}

.p-form__header-logo {
  width: 22.6%;
  position: absolute;
  left: 50%;
  top: 25.5%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p-form__header-logo img {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
}

@media screen and (max-width: 749px) {
  .p-form__header-logo {
    width: 31%;
    top: 23.5%;
  }
}

.p-form__header-title {
  width: 46%;
  position: absolute;
  left: 50%;
  top: 47.7%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p-form__header-title img {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
}

@media screen and (max-width: 749px) {
  .p-form__header-title {
    width: 63%;
    top: 41.5%;
  }
}

.p-form__main {
  width: 77.15%;
  max-width: 1200px;
  padding: 120px 0 46px;
  margin: 0 auto;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 0;
  -webkit-transition: opacity 0.6s var(--ease-main), -webkit-transform 0.6s var(--ease-main);
  transition: opacity 0.6s var(--ease-main), -webkit-transform 0.6s var(--ease-main);
  transition: transform 0.6s var(--ease-main), opacity 0.6s var(--ease-main);
  transition: transform 0.6s var(--ease-main), opacity 0.6s var(--ease-main), -webkit-transform 0.6s var(--ease-main);
}

.is-load .p-form__main {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

@media screen and (max-width: 749px) {
  .p-form__main {
    width: 89.15%;
    padding: 60px 0 33px;
  }
}

.p-form__link {
  width: 340px;
  margin: 0 auto;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 0;
  -webkit-transition: opacity 0.6s var(--ease-main) 0.1s, -webkit-transform 0.6s var(--ease-main) 0.1s;
  transition: opacity 0.6s var(--ease-main) 0.1s, -webkit-transform 0.6s var(--ease-main) 0.1s;
  transition: transform 0.6s var(--ease-main) 0.1s, opacity 0.6s var(--ease-main) 0.1s;
  transition: transform 0.6s var(--ease-main) 0.1s, opacity 0.6s var(--ease-main) 0.1s, -webkit-transform 0.6s var(--ease-main) 0.1s;
}

.is-load .p-form__link {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

@media screen and (max-width: 749px) {
  .p-form__link {
    width: 190px;
    margin: 0 auto;
  }
}

.p-form__link-item-text {
  font-size: 2rem;
}

@media screen and (max-width: 749px) {
  .p-form__link-item-text {
    font-size: 1.3rem;
  }
}

.p-form__link-item-arrow {
  width: 14px;
  height: 14px;
}

.l-frame__bg {
  z-index: -1;
}

.l-frame__inner {
  padding: 40px 0;
}

@media screen and (max-width: 749px) {
  .l-frame__inner {
    padding: 15px 0;
  }
}

.period dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 360px;
  margin: 0 auto -10px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid var(--color-brown);
}

@media screen and (max-width: 749px) {
  .period dl {
    width: 220px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    border-radius: 5px;
  }
}

.period dl .period_txt {
  width: 150px;
  padding: 8px 15px;
  font-size: 2rem;
  color: var(--color-white);
  background-color: var(--color-brown);
  text-align: center;
}

@media screen and (max-width: 749px) {
  .period dl .period_txt {
    width: 88px;
    padding: 5px 8px;
    font-size: 1.2rem;
  }
}

.period dl .period_date {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 14px;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.1rem;
  font-weight: 700;
  background: #fff;
}

@media screen and (max-width: 749px) {
  .period dl .period_date {
    padding: 0 9px;
    font-size: 1.3rem;
  }
}

.note,
.form {
  margin-top: 75px;
}

@media screen and (max-width: 749px) {
  .note,
  .form {
    margin-top: 20px;
  }
}

form {
  width: 87.8%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 749px) {
  form {
    width: 84.8%;
  }
}

.form_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  margin-bottom: 35px;
}

@media screen and (max-width: 749px) {
  .form_item {
    display: block;
    font-size: 1.2rem;
    margin-bottom: 25px;
  }
}

.form_item dt {
  width: 150px;
  padding-top: 12px;
}

@media screen and (max-width: 749px) {
  .form_item dt {
    padding: 0;
    width: 100%;
  }
}

.form_item dd {
  width: calc(100% - 150px);
}

@media screen and (max-width: 749px) {
  .form_item dd {
    width: 100%;
    margin-top: 10px;
  }
}

.form_item dd input {
  width: calc(100% - 24px);
  background: #fff;
  border: solid 2px var(--color-brown);
  border-radius: 10px;
  padding: 10px;
  font-family: var(--font-family);
}

@media screen and (max-width: 749px) {
  .form_item dd input {
    padding: 5px;
    width: calc(100% - 14px);
    font-size: 1.2rem;
    border-radius: 8px;
  }
}

.form_item dd select {
  width: 30%;
  background: #fff;
  border: solid 2px var(--color-brown);
  border-radius: 10px;
  padding: 10px;
  font-family: var(--font-family);
}

@media screen and (max-width: 749px) {
  .form_item dd select {
    width: 50%;
    font-size: 1.2rem;
    padding: 5px;
    border-radius: 8px;
  }
}

.form_item .c-formInputNameContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.form_item .c-formInputName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 749px) {
  .form_item .c-formInputName {
    width: 45%;
  }
}

.form_item .c-formInputName:first-child {
  margin-right: 20px;
}

@media screen and (max-width: 749px) {
  .form_item .c-formInputName:first-child {
    margin-right: 10px;
  }
}

.form_item .c-formInputName__label {
  padding: 12px 10px 0 0;
}

@media screen and (max-width: 749px) {
  .form_item .c-formInputName__label {
    padding: 8px 8px 0 0;
  }
}

.form_item .address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.form_item .address .hyphen {
  padding: 10px;
  font-size: 2rem;
}

@media screen and (max-width: 749px) {
  .form_item .address .hyphen {
    padding: 5px 6px;
  }
}

.form_item .address input {
  width: 24%;
}

@media screen and (max-width: 749px) {
  .form_item .address input {
    width: 35%;
  }
}

.form_item .error_txt {
  color: var(--color-orange01);
  width: 100%;
  margin-top: 5px;
}

.btn_submit {
  width: 240px;
  margin: 0 auto;
  -webkit-transition: -webkit-transform 0.5s var(--ease-bound);
  transition: -webkit-transform 0.5s var(--ease-bound);
  transition: transform 0.5s var(--ease-bound);
  transition: transform 0.5s var(--ease-bound), -webkit-transform 0.5s var(--ease-bound);
}

@media screen and (max-width: 749px) {
  .btn_submit {
    width: 160px;
  }
}

.btn_submit input {
  width: 100%;
  background-color: var(--color-orange01);
  border: transparent;
  padding: 15px 0;
  font-size: 2rem;
  font-family: var(--font-family);
  color: #fff;
  border-radius: 50rem;
}

@media screen and (max-width: 749px) {
  .btn_submit input {
    padding: 12px 0;
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 750px) {
  .btn_submit:hover {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

.note_cap {
  margin-bottom: 44px;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 700;
  position: relative;
}

@media screen and (max-width: 749px) {
  .note_cap {
    margin-bottom: 22px;
    font-size: 1.6rem;
  }
}

.note_list {
  width: 87.8%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 749px) {
  .note_list {
    width: 84.8%;
  }
}

.note_list li {
  position: relative;
  font-size: 1.5rem;
  line-height: 2;
  font-weight: 700;
  padding-left: 30px;
}

@media screen and (max-width: 749px) {
  .note_list li {
    font-size: 1rem;
    line-height: 1.6;
    padding-left: 20px;
    margin-top: 5px;
  }
}

.note_list li::before {
  content: "";
  width: 18px;
  height: 14px;
  margin-top: 8px;
  left: 0;
  position: absolute;
  background: var(--color-orange02);
  -webkit-mask: url(../img/point_rilakkuma.svg) no-repeat center/contain;
          mask: url(../img/point_rilakkuma.svg) no-repeat center/contain;
}

@media screen and (max-width: 749px) {
  .note_list li::before {
    width: 12px;
    height: 8px;
    margin-top: 5px;
  }
}

.confirm_txt {
  padding: 12px 0;
  color: var(--color-orange01);
}

@media screen and (max-width: 749px) {
  .confirm_txt {
    padding: 7px 0;
  }
}

.hyphen.confirm {
  padding: 0px 10px;
}

.thanks {
  text-align: center;
  font-size: 3rem;
  margin: 60px auto 100px;
}

@media screen and (max-width: 749px) {
  .thanks {
    font-size: 1.8rem;
    margin: 30px auto 60px;
  }
}

.note_list a{
  color: var(--color-orange01);
}

form .att{
  font-size: 1.3em;
  margin-bottom: 20px;
}
@media screen and (max-width: 749px) {
  form .att{
    font-size: 1.1em;
    margin-bottom: 15px;
  }
}