@charset "UTF-8";
.page_wrapper {
  padding-top: 28px;
}
.page_wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page_wrapper .page_frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1000px;
  margin: 0 auto;
}
.page_wrapper .page_heading {
  margin-bottom: 15px;
}
.page_wrapper .page_title {
  line-height: 1.5;
  color: #003e80;
  font-size: 24px;
}
.page_wrapper .contact {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 60px;
  border-top: 4px solid #003e80;
}
.page_wrapper .contact__body {
  padding-top: 30px;
}
.page_wrapper .contact__list {
  border-top: 1px solid #f0f0f0;
  margin-bottom: 30px;
}
.page_wrapper .contact__list input {
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
}
.page_wrapper .contact__list dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #f0f0f0;
}
.page_wrapper .contact__list dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 250px;
  padding: 12px 20px;
  font-weight: bold;
}
.page_wrapper .contact__list dt span {
  line-height: 33px;
}
.page_wrapper .contact__list dt i {
  display: inline-block;
  line-height: 1;
  margin-top: 6px;
  margin-left: auto;
  padding: 3px 4px;
  border: 1px solid #d34c3f;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  color: #d34c3f;
  font-size: 11px;
  font-weight: normal;
}
.page_wrapper .contact__list dd {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  padding: 12px 20px;
  border-left: 1px solid #f0f0f0;
}
.page_wrapper .contact__list dd span {
  display: inline-block;
  padding: 0.4rem 0;
}
.page_wrapper .contact__list .error {
  margin-top: 5px;
  color: #d34c3f;
  font-size: 12px;
}
.page_wrapper .contact__list .note {
  margin-top: 5px;
  font-size: 12px;
}
.page_wrapper .contact__list .contact__list__name__data label,
.page_wrapper .contact__list .contact__list__kana__data label {
  margin-right: 15px;
}
.page_wrapper .contact__list .contact__list__name__data label input,
.page_wrapper .contact__list .contact__list__kana__data label input {
  margin-left: 5px;
  width: 150px;
}
.page_wrapper .contact__list select {
  margin: 0;
  font-size: 14px;
}
.page_wrapper .contact__list textarea {
  margin: 0;
  font-size: 14px;
}
.page_wrapper .contact__list__faq,
.page_wrapper .contact__list__note {
  text-align: center;
  margin: 18px 0;
  line-height: 1.5;
}
.page_wrapper .contact__pagenation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 32px;
}
.page_wrapper .contact__btn__next {
  width: 240px;
  margin-right: auto;
}
.page_wrapper .contact__btn__next_link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 17px 14px;
  background-color: #dc0723;
  color: #ffffff;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
.page_wrapper .contact__btn__next_link::after {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: inherit;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  speak: none;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "webfont_icon";
  content: "";
  font-size: 10px;
  margin-left: auto;
}
.page_wrapper .contact__btn__next_link:hover {
  background-color: #e3394f;
}
.page_wrapper .contact__btn__prev {
  width: 380px;
}
.page_wrapper .contact__btn__prev a::before {
  margin-right: 7px;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: inherit;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  speak: none;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "webfont_icon";
  content: "";
  font-size: 10px;
  margin-left: auto;
}