@charset "utf-8";
/* CSS Document */
.hidden {
  display: none;
}
.prewrap {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.strikethrough {
  text-decoration: line-through;
}
p.error-msg {
  font-size: 12px !important;
  line-height: 18px !important;
  color: #c00;
  margin-top: -8px;
}
div.error-msg {
  width: 100% !important;
  text-align: left;
  clear: both;
}
input.error,
select.error,
textarea.error {
  border-color: #c00 !important;
}
h1.red,
h2.red,
h3.red,
h4.red,
h5.red,
h6.red,
p.red,
span.red {
  color: #f00;
}
.no-operate {
  pointer-events: none;
}
.pointer-disabled input,
.pointer-disabled label,
.pointer-disabled select {
  pointer-events: none;
}
* {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: normal;
}
body {
  font-size: 16px;
  line-height: 24px;
  max-width: 428px;
  background-color: #666;
  margin: 0 auto;
}
body > .wrapper {
  background-color: #fff;
  min-height: 100vh;
}
.loading {
  position: fixed;
  width: 100%;
  max-width: 428px;
  height: 100%;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.35);
  top: 0;
  z-index: 999;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: -11.5% auto 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 0, 0.1);
  border-right: 1.1em solid rgba(0, 0, 0, 0.1);
  border-bottom: 1.1em solid rgba(0, 0, 0, 0.1);
  border-left: 1.1em solid #ffaa00;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
h1,
p.personal-info {
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
h2 {
  font-size: 18px;
  line-height: 27px;
}
h3,
h4,
h5,
h6 {
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0;
}
h4 {
  background-image: url("../images/leaf.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px;
  padding-left: 26px;
}
ul {
  padding-left: 1.5em;
}
ol {
  padding-left: 2em;
}
ul.no-list-style,
ol.no-list-style {
  list-style: none;
  padding-left: 0;
}
hr {
  border: none;
  border-top: 1px solid #cccccc;
  width: 98%;
  margin: 16px auto 0 auto;
}
input[type="submit"],
input[type="reset"],
button,
a.button,
label.button,
span.button {
  display: block;
  border: 1px solid #707070;
  -webkit-border-radius: 34px;
  padding: 7px 12px;
  margin: 5px auto;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #000;
}
input[type="submit"].small,
input[type="reset"].small,
button.small,
a.button.small,
label.button.small,
span.button.small {
  font-size: 12px;
  line-height: 18px;
}
input[type="submit"].next,
input[type="reset"].next,
button.next,
a.button.next,
label.button.next,
span.button.next,
input[type="submit"].submit,
input[type="reset"].submit,
button.submit,
a.button.submit,
label.button.submit,
span.button.submit {
  background-color: #3bd;
  width: 100%;
  color: #fff;
}
input[type="submit"].back,
input[type="reset"].back,
button.back,
a.button.back,
label.button.back,
span.button.back,
input[type="submit"].reset,
input[type="reset"].reset,
button.reset,
a.button.reset,
label.button.reset,
span.button.reset {
  width: auto;
  padding-left: 32px;
  padding-right: 32px;
}
input[type="submit"].back,
input[type="reset"].back,
button.back,
a.button.back,
label.button.back,
span.button.back {
  background-color: #fff;
  color: #000;
}
input[type="submit"].reset,
input[type="reset"].reset,
button.reset,
a.button.reset,
label.button.reset,
span.button.reset,
input[type="submit"].del,
input[type="reset"].del,
button.del,
a.button.del,
label.button.del,
span.button.del {
  background-color: #000;
  color: #fff;
}
input[type="submit"].del,
input[type="reset"].del,
button.del,
a.button.del,
label.button.del,
span.button.del {
  font-size: 12px;
  line-height: 18px;
  padding: 5px 10px;
  margin-right: 0;
  background-image: url("../images/del.svg");
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 18px;
  padding-right: 24px;
}
input[type="submit"].add,
input[type="reset"].add,
button.add,
a.button.add,
label.button.add,
span.button.add {
  background-color: #fff;
  color: #000;
}
input[type="submit"].add.medicine,
input[type="reset"].add.medicine,
button.add.medicine,
a.button.add.medicine,
label.button.add.medicine,
span.button.add.medicine,
input[type="submit"].add.medical-treatment,
input[type="reset"].add.medical-treatment,
button.add.medical-treatment,
a.button.add.medical-treatment,
label.button.add.medical-treatment,
span.button.add.medical-treatment {
  background-repeat: no-repeat;
  background-position: left 8px center;
  background-size: 24px;
  padding-left: 32px;
}
input[type="submit"].add.medicine,
input[type="reset"].add.medicine,
button.add.medicine,
a.button.add.medicine,
label.button.add.medicine,
span.button.add.medicine {
  background-image: url("../images/medicine.svg");
}
input[type="submit"].add.medical-treatment,
input[type="reset"].add.medical-treatment,
button.add.medical-treatment,
a.button.add.medical-treatment,
label.button.add.medical-treatment,
span.button.add.medical-treatment {
  background-image: url("../images/medical-treatment.svg");
}
input[type="submit"].choice,
input[type="reset"].choice,
button.choice,
a.button.choice,
label.button.choice,
span.button.choice {
  background-color: #fff;
  color: #707070;
  border-color: #707070;
}
input[type="submit"].choice.selected,
input[type="reset"].choice.selected,
button.choice.selected,
a.button.choice.selected,
label.button.choice.selected,
span.button.choice.selected {
  background-color: #fa0;
  color: #fff;
  font-weight: bold;
}
input[type="submit"]:disabled,
input[type="reset"]:disabled,
button:disabled,
a.button:disabled,
label.button:disabled,
span.button:disabled,
input[type="submit"].disabled,
input[type="reset"].disabled,
button.disabled,
a.button.disabled,
label.button.disabled,
span.button.disabled {
  opacity: 0.5;
}
a.button {
  text-decoration: none;
}
a.button.back {
  display: inline-block;
}
label.button {
  cursor: pointer;
  -webkit-border-radius: 5px;
}
div.child {
  background-color: rgba(164, 222, 240, 0.3);
  border: 1px solid rgba(164, 222, 240, 0.3);
  padding: 10px 10px 0 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 10px;
}
div.child.disabled {
  opacity: 0.5;
}
div.child h1,
div.child h2,
div.child h3,
div.child h4,
div.child h5,
div.child h6 {
  margin-top: 0;
  margin-bottom: 10px;
}
div.child h4 {
  background-image: none;
  padding-left: 0;
}
div.child > div > input[type="text"],
div.child > div > input[type="number"],
div.child > div > input[type="tel"],
div.child > div > input[type="time"],
div.child > div > input[type="date"],
div.child > div > input[type="datetime"],
div.child > div > input[type="password"],
div.child > div > input[type="email"],
div.child > div > select {
  margin-left: 0;
  margin-right: 0;
}
div.child .child {
  background-color: #fff !important;
  border-color: #fff !important;
}
p {
  overflow-wrap: break-word;
}
span.unit-text,
span.other-text {
  width: auto!important;
  border: none!important;
  text-align: left!important;
  background: none!important;
}
span.unit-text {
  padding-left: 5px!important;
}
span.other-text {
  padding-left: 5px!important;
  padding-right: 5px!important;
}
span.text-small {
  font-size: 75%;
  line-height: 75%;
}
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="time"],
input[type="date"],
input[type="datetime"],
input[type="password"],
input[type="email"],
select,
textarea,
p.text-data {
  width: 100%;
  max-width: 320px;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #333;
  margin-bottom: 10px;
}
textarea {
  resize: none;
  height: 8rem;
}
textarea.other-text {
  height: 16rem;
}
.radio-group input[type="text"],
.checkbox-group input[type="text"],
.radio-group input[type="number"],
.checkbox-group input[type="number"],
.radio-group input[type="tel"],
.checkbox-group input[type="tel"],
.radio-group input[type="time"],
.checkbox-group input[type="time"],
.radio-group input[type="date"],
.checkbox-group input[type="date"],
.radio-group input[type="datetime"],
.checkbox-group input[type="datetime"],
.radio-group input[type="password"],
.checkbox-group input[type="password"],
.radio-group input[type="email"],
.checkbox-group input[type="email"],
.radio-group select,
.checkbox-group select,
.radio-group textarea,
.checkbox-group textarea {
  margin-left: 5px;
  margin-right: 5px;
}
.input-text,
.input-number,
.input-tel,
.input-time,
.input-date,
.input-datetime,
.input-password,
.input-email,
.select-option,
.textarea {
  width: 100%;
}
.input-text span,
.input-number span,
.input-tel span,
.input-time span,
.input-date span,
.input-datetime span,
.input-password span,
.input-email span,
.select-option span,
.textarea span {
  display: inline-block;
  width: 100%;
  background-color: #fff;
  border: 1px solid #999;
  padding: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 18px;
}
input[type="number"],
select.number,
.input-number span,
.select-option.number span {
  text-align: right;
  width: 35%;
}
select.number option {
  text-align: right;
}
select.unit {
  width: 32px;
}
select.unit option {
  text-align: center;
}
input[type="radio"],
input[type="checkbox"] {
  display: none;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
  background-color: #f7f7f7;
  color: #999;
  border-color: #ccc;
}
input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label {
  background-color: #fa0;
  color: #fff;
  font-weight: bold;
  border-color: #000;
}
label.item-name {
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin-top: -2.5px;
}
header,
main,
footer,
article,
section {
  position: relative;
}
header,
main,
footer {
  width: 100%;
  max-width: 428px;
}
article,
section {
  clear: both;
}
header section.page-title {
  background-color: #a4def0;
  width: 100%;
  max-width: 428px;
  height: 46px;
  text-align: center;
  padding: 10px 0;
}
header section.page-title h1,
header section.page-title p.personal-info {
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
header section.progress-bar {
  background-color: #c4f0fc;
  width: 100%;
  height: 44px;
}
header section.progress-bar > .wrapper {
  width: 316px;
  margin: 0 auto;
  padding-top: 15px;
}
header section.progress-bar > .wrapper .start-text,
header section.progress-bar > .wrapper .end-text {
  font-size: 8px;
  line-height: 12px;
  width: 24px;
  color: #333;
  float: left;
}
header section.progress-bar > .wrapper .start-text {
  text-align: right;
}
header section.progress-bar > .wrapper .end-text {
  text-align: left;
}
header section.progress-bar > .wrapper .bar-bg {
  width: 258px;
  height: 9px;
  border: 1px solid #eee;
  -webkit-border-radius: 4.5px;
  background-color: #fff;
  margin: 1.5px 5px;
  float: left;
  position: relative;
}
header section.progress-bar > .wrapper .bar {
  min-width: 7px;
  max-width: 256px;
  height: 7px;
  -webkit-border-radius: 3.5px;
  background-color: #3bd;
  position: absolute;
  top: 0;
  left: 0;
}
main {
  background-color: #fff;
}
main h2 {
  text-align: center;
  margin-bottom: 15px;
}
main article {
  width: 320px;
  padding: 20px 0;
  margin: 0 auto;
}
main section {
  margin-bottom: 5px;
}
main section.button {
  margin-top: 20px;
  text-align: center;
}
main section div.radio-group,
main section div.checkbox-group,
main section div.form-group {
  position: relative;
  left: -5px;
  width: 330px;
  flex: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
main section div.radio-group .flex-wrap,
main section div.checkbox-group .flex-wrap,
main section div.form-group .flex-wrap {
  width: 100%;
}
main section div.radio-group label,
main section div.checkbox-group label,
main section div.form-group label {
  margin-left: 5px;
  margin-right: 5px;
}
main section div.radio-group div,
main section div.checkbox-group div,
main section div.form-group div {
  width: 100%;
  max-width: 416px;
}
main section div.radio-group div.child,
main section div.checkbox-group div.child,
main section div.form-group div.child {
  margin: 5px 5px 0 5px;
  width: 320px;
}
main section div.radio-group div.child > p.error-msg,
main section div.checkbox-group div.child > p.error-msg,
main section div.form-group div.child > p.error-msg {
  margin-left: 0;
  margin-right: 0;
}
main section div.radio-group div.child div.child,
main section div.checkbox-group div.child div.child,
main section div.form-group div.child div.child {
  margin-left: 0;
  margin-right: 0;
}
main section div.radio-group div.input-text,
main section div.checkbox-group div.input-text,
main section div.form-group div.input-text,
main section div.radio-group div.input-number,
main section div.checkbox-group div.input-number,
main section div.form-group div.input-number,
main section div.radio-group div.input-tel,
main section div.checkbox-group div.input-tel,
main section div.form-group div.input-tel,
main section div.radio-group div.input-time,
main section div.checkbox-group div.input-time,
main section div.form-group div.input-time,
main section div.radio-group div.input-date,
main section div.checkbox-group div.input-date,
main section div.form-group div.input-date,
main section div.radio-group div.input-datetime,
main section div.checkbox-group div.input-datetime,
main section div.form-group div.input-datetime,
main section div.radio-group div.input-password,
main section div.checkbox-group div.input-password,
main section div.form-group div.input-password,
main section div.radio-group div.input-email,
main section div.checkbox-group div.input-email,
main section div.form-group div.input-email,
main section div.radio-group div.select-option,
main section div.checkbox-group div.select-option,
main section div.form-group div.select-option {
  margin-left: 5px;
  margin-right: 5px;
}
main section div.radio-group div.radio-button,
main section div.checkbox-group div.radio-button,
main section div.form-group div.radio-button,
main section div.radio-group div.checkbox-button,
main section div.checkbox-group div.checkbox-button,
main section div.form-group div.checkbox-button {
  flex: 0 1 33.33333%;
  margin-bottom: 10px;
}
main section div.radio-group div.radio-button label,
main section div.checkbox-group div.radio-button label,
main section div.form-group div.radio-button label,
main section div.radio-group div.checkbox-button label,
main section div.checkbox-group div.checkbox-button label,
main section div.form-group div.checkbox-button label {
  display: block;
  margin: 0 5px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 21px;
  white-space: nowrap;
}
main section div.radio-group div.radio-button div.other-text,
main section div.checkbox-group div.radio-button div.other-text,
main section div.form-group div.radio-button div.other-text,
main section div.radio-group div.checkbox-button div.other-text,
main section div.checkbox-group div.checkbox-button div.other-text,
main section div.form-group div.checkbox-button div.other-text {
  width: 330px;
  margin-top: 5px;
}
main section div.child {
  width: 320px;
}
main section div.child .radio-group,
main section div.child .checkbox-group {
  width: 308px;
}
main section div.child .radio-group p,
main section div.child .checkbox-group p {
  margin-bottom: 5px;
}
main section div.child .radio-group div.radio-button div.other-text,
main section div.child .checkbox-group div.radio-button div.other-text,
main section div.child .radio-group div.checkbox-button div.other-text,
main section div.child .checkbox-group div.checkbox-button div.other-text {
  width: 308px;
}
main section div.child .radio-group div.radio-button div.child,
main section div.child .checkbox-group div.radio-button div.child,
main section div.child .radio-group div.checkbox-button div.child,
main section div.child .checkbox-group div.checkbox-button div.child {
  margin: 5px 5px 0 5px;
}
main section div.child input[type="text"],
main section div.child input[type="number"],
main section div.child input[type="tel"],
main section div.child input[type="time"],
main section div.child input[type="date"],
main section div.child input[type="datetime"],
main section div.child input[type="password"],
main section div.child input[type="email"],
main section div.child select {
  max-width: 298px;
}
main section div.child div.child {
  width: 298px;
  margin-top: -5px;
  margin-bottom: 10px;
}
main section div.child div.child .radio-group,
main section div.child div.child .checkbox-group {
  width: 286px;
}
main section div.child div.child .radio-group p,
main section div.child div.child .checkbox-group p {
  margin-bottom: 5px;
}
main section div.child div.child .radio-group div.radio-button label,
main section div.child div.child .checkbox-group div.radio-button label,
main section div.child div.child .radio-group div.checkbox-button label,
main section div.child div.child .checkbox-group div.checkbox-button label {
  font-size: 12px;
  line-height: 18px;
}
main section div.child div.child .radio-group div.radio-button div.other-text,
main section div.child div.child .checkbox-group div.radio-button div.other-text,
main section div.child div.child .radio-group div.checkbox-button div.other-text,
main section div.child div.child .checkbox-group div.checkbox-button div.other-text {
  width: 286px;
}
main section div.child div.child input[type="text"],
main section div.child div.child input[type="number"],
main section div.child div.child input[type="tel"],
main section div.child div.child input[type="time"],
main section div.child div.child input[type="date"],
main section div.child div.child input[type="datetime"],
main section div.child div.child input[type="password"],
main section div.child div.child input[type="email"],
main section div.child div.child select {
  max-width: 276px;
}
main p {
  margin-bottom: 10px;
}
main p.note {
  font-size: 12px;
  line-height: 18px;
}
footer {
  background-color: #fff;
}
footer article {
  padding: 5px 0;
}
footer section.copy {
  max-width: 428px;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
}
footer section.copy p {
  margin-bottom: 0;
}
.index h2 {
  margin-bottom: 10px;
}
.index p.manager {
  text-align: center;
  font-weight: 700;
  padding: 20px 0;
}
.terms main p {
  font-size: 12px;
  line-height: 18px;
}
.confirm-page h3,
.confirm-page h4,
.confirm-page h5,
.confirm-page h6 {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 3px;
}
.confirm-page .input-text,
.confirm-page .input-number,
.confirm-page .input-tel,
.confirm-page .input-time,
.confirm-page .input-date,
.confirm-page .input-datetime,
.confirm-page .input-password,
.confirm-page .input-email,
.confirm-page .select-option,
.confirm-page .textarea {
  font-size: 0;
  line-height: 0;
}
.confirm-page .input-text span,
.confirm-page .input-number span,
.confirm-page .input-tel span,
.confirm-page .input-time span,
.confirm-page .input-date span,
.confirm-page .input-datetime span,
.confirm-page .input-password span,
.confirm-page .input-email span,
.confirm-page .select-option span,
.confirm-page .textarea span {
  font-size: 13px;
  line-height: 19.5px;
  color: #333 !important;
  font-weight: normal!important;
  background-color: #ffc;
  border: 1px solid #eee;
  min-height: 31.5px;
}
.confirm-page div.form-group,
.confirm-page div.radio-group,
.confirm-page div.checkbox-group {
  background-color: #ffc;
  border: 1px solid #eee;
  left: 0;
  width: 320px;
  padding: 0 5px 5px 5px;
  display: block;
}
.confirm-page div.form-group div.answer,
.confirm-page div.radio-group div.answer,
.confirm-page div.checkbox-group div.answer {
  display: inline-block;
  width: auto;
}
.confirm-page div.form-group div.answer .input-text span,
.confirm-page div.radio-group div.answer .input-text span,
.confirm-page div.checkbox-group div.answer .input-text span,
.confirm-page div.form-group div.answer .input-number span,
.confirm-page div.radio-group div.answer .input-number span,
.confirm-page div.checkbox-group div.answer .input-number span,
.confirm-page div.form-group div.answer .input-tel span,
.confirm-page div.radio-group div.answer .input-tel span,
.confirm-page div.checkbox-group div.answer .input-tel span,
.confirm-page div.form-group div.answer .input-time span,
.confirm-page div.radio-group div.answer .input-time span,
.confirm-page div.checkbox-group div.answer .input-time span,
.confirm-page div.form-group div.answer .input-date span,
.confirm-page div.radio-group div.answer .input-date span,
.confirm-page div.checkbox-group div.answer .input-date span,
.confirm-page div.form-group div.answer .input-datetime span,
.confirm-page div.radio-group div.answer .input-datetime span,
.confirm-page div.checkbox-group div.answer .input-datetime span,
.confirm-page div.form-group div.answer .input-password span,
.confirm-page div.radio-group div.answer .input-password span,
.confirm-page div.checkbox-group div.answer .input-password span,
.confirm-page div.form-group div.answer .input-email span,
.confirm-page div.radio-group div.answer .input-email span,
.confirm-page div.checkbox-group div.answer .input-email span,
.confirm-page div.form-group div.answer .select-option span,
.confirm-page div.radio-group div.answer .select-option span,
.confirm-page div.checkbox-group div.answer .select-option span,
.confirm-page div.form-group div.answer .textarea span,
.confirm-page div.radio-group div.answer .textarea span,
.confirm-page div.checkbox-group div.answer .textarea span {
  min-height: 19.5px;
}
.confirm-page div.form-group div.answer > span,
.confirm-page div.radio-group div.answer > span,
.confirm-page div.checkbox-group div.answer > span {
  width: auto;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  padding: 0;
  margin: 0;
  color: #333;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: normal;
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
}
.confirm-page div.form-group div.answer > span::after,
.confirm-page div.radio-group div.answer > span::after,
.confirm-page div.checkbox-group div.answer > span::after {
  content: '，';
}
.confirm-page div.form-group div.answer div.input-text,
.confirm-page div.radio-group div.answer div.input-text,
.confirm-page div.checkbox-group div.answer div.input-text {
  width: auto!important;
  display: inline-block;
}
.confirm-page div.form-group div.answer div.input-text span,
.confirm-page div.radio-group div.answer div.input-text span,
.confirm-page div.checkbox-group div.answer div.input-text span {
  width: auto;
  border: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  word-break: break-all;
}
.confirm-page div.form-group div.answer div.input-text span::before,
.confirm-page div.radio-group div.answer div.input-text span::before,
.confirm-page div.checkbox-group div.answer div.input-text span::before {
  content: "（";
}
.confirm-page div.form-group div.answer div.input-text span::after,
.confirm-page div.radio-group div.answer div.input-text span::after,
.confirm-page div.checkbox-group div.answer div.input-text span::after {
  content: "）";
}
.confirm-page div.form-group div.answer div.input-text span.no-brackets::before,
.confirm-page div.radio-group div.answer div.input-text span.no-brackets::before,
.confirm-page div.checkbox-group div.answer div.input-text span.no-brackets::before,
.confirm-page div.form-group div.answer div.input-text span.no-brackets::after,
.confirm-page div.radio-group div.answer div.input-text span.no-brackets::after,
.confirm-page div.checkbox-group div.answer div.input-text span.no-brackets::after {
  content: "";
}
.confirm-page div.form-group div.answer:last-child > span::after,
.confirm-page div.radio-group div.answer:last-child > span::after,
.confirm-page div.checkbox-group div.answer:last-child > span::after {
  content: none;
}
.confirm-page div.form-group div.answer > .input-text span,
.confirm-page div.radio-group div.answer > .input-text span,
.confirm-page div.checkbox-group div.answer > .input-text span {
  background-color: rgba(0, 0, 0, 0) !important;
}
.confirm-page div.form-group div.answer .input-text span:first-child,
.confirm-page div.form-group div.answer .input-number span:first-child,
.confirm-page div.form-group div.answer .input-tel span:first-child,
.confirm-page div.form-group div.answer .input-time span:first-child,
.confirm-page div.form-group div.answer .input-date span:first-child,
.confirm-page div.form-group div.answer .input-datetime span:first-child,
.confirm-page div.form-group div.answer .input-password span:first-child,
.confirm-page div.form-group div.answer .input-email span:first-child,
.confirm-page div.form-group div.answer .select-option span:first-child {
  padding-left: 0;
}
.confirm-page div.child {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 5px;
  padding-bottom: 0;
  padding-right: 0;
  margin-bottom: 5px;
}
.confirm-page div.child.inline-block {
  font-size: 13px !important;
  line-height: 19.5px !important;
}
.confirm-page div.child.inline-block label,
.confirm-page div.child.inline-block div {
  width: auto!important;
  display: inline-block !important;
}
.confirm-page div.child.inline-block label span,
.confirm-page div.child.inline-block div span {
  padding-top: 0;
  padding-bottom: 0;
  width: auto!important;
}
.confirm-page div.child.inline-block label.textarea,
.confirm-page div.child.inline-block div.textarea {
  display: block;
  width: 100%!important;
}
.confirm-page div.child.inline-block label.textarea .prewrap,
.confirm-page div.child.inline-block div.textarea .prewrap {
  display: block;
}
.confirm-page div.child.inline-block label {
  font-size: 11px !important;
  line-height: 16.5px !important;
}
.confirm-page div.child.inline-block label::after {
  content: "...";
}
.confirm-page div.child h3,
.confirm-page div.child h4,
.confirm-page div.child h5,
.confirm-page div.child h6 {
  font-size: 10.4px;
  line-height: 15.6px;
  margin-bottom: 3px;
}
.confirm-page div.child div.form-group,
.confirm-page div.child div.radio-group,
.confirm-page div.child div.checkbox-group {
  width: 310px;
  border: 1px solid #eee;
}
.confirm-page div.child div.form-group .input-text span,
.confirm-page div.child div.radio-group .input-text span,
.confirm-page div.child div.checkbox-group .input-text span,
.confirm-page div.child div.form-group .input-number span,
.confirm-page div.child div.radio-group .input-number span,
.confirm-page div.child div.checkbox-group .input-number span,
.confirm-page div.child div.form-group .input-tel span,
.confirm-page div.child div.radio-group .input-tel span,
.confirm-page div.child div.checkbox-group .input-tel span,
.confirm-page div.child div.form-group .input-time span,
.confirm-page div.child div.radio-group .input-time span,
.confirm-page div.child div.checkbox-group .input-time span,
.confirm-page div.child div.form-group .input-date span,
.confirm-page div.child div.radio-group .input-date span,
.confirm-page div.child div.checkbox-group .input-date span,
.confirm-page div.child div.form-group .input-datetime span,
.confirm-page div.child div.radio-group .input-datetime span,
.confirm-page div.child div.checkbox-group .input-datetime span,
.confirm-page div.child div.form-group .input-password span,
.confirm-page div.child div.radio-group .input-password span,
.confirm-page div.child div.checkbox-group .input-password span,
.confirm-page div.child div.form-group .input-email span,
.confirm-page div.child div.radio-group .input-email span,
.confirm-page div.child div.checkbox-group .input-email span,
.confirm-page div.child div.form-group .select-option span,
.confirm-page div.child div.radio-group .select-option span,
.confirm-page div.child div.checkbox-group .select-option span,
.confirm-page div.child div.form-group .textarea span,
.confirm-page div.child div.radio-group .textarea span,
.confirm-page div.child div.checkbox-group .textarea span {
  border: none;
  display: inline;
}
.confirm-page div.child .input-text span,
.confirm-page div.child .input-number span,
.confirm-page div.child .input-tel span,
.confirm-page div.child .input-time span,
.confirm-page div.child .input-date span,
.confirm-page div.child .input-datetime span,
.confirm-page div.child .input-password span,
.confirm-page div.child .input-email span,
.confirm-page div.child .select-option span,
.confirm-page div.child .textarea span {
  margin-bottom: 0;
}
.confirm-page div.child div.child {
  padding-right: 10px;
}
.confirm-page div.child div.child div.radio-group,
.confirm-page div.child div.child div.checkbox-group {
  width: 100%;
  background-color: #ffc;
  border: none;
}
.confirm-page div.child div.child div .input-text,
.confirm-page div.child div.child div .input-number,
.confirm-page div.child div.child div .input-tel,
.confirm-page div.child div.child div .input-time,
.confirm-page div.child div.child div .input-date,
.confirm-page div.child div.child div .input-datetime,
.confirm-page div.child div.child div .input-password,
.confirm-page div.child div.child div .input-email,
.confirm-page div.child div.child div .select-option,
.confirm-page div.child div.child div .textarea {
  background-color: #ffc;
  width: 296px;
}
.confirm-page div.child.child {
  background-color: rgba(0, 0, 0, 0) !important;
}
.confirm-page header section.page-title {
  background-color: #a4def0;
  width: 100%;
  max-width: 428px;
  height: 46px;
  text-align: center;
  padding: 10px 0;
}
.confirm-page header section.page-title h1,
.confirm-page header section.page-title p.personal-info {
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.confirm-page header section.progress-bar > .wrapper .bar {
  width: 100%;
}
.confirm-page main article {
  padding-top: 5px;
  padding-bottom: 5px;
}
.confirm-page main article:first-child {
  padding-top: 20px;
}
.confirm-page main article:last-child {
  padding-bottom: 20px;
}
.confirm-page main section div.radio-group div.answer,
.confirm-page main section div.checkbox-group div.answer {
  margin-bottom: 0;
}
.confirm-page main section div.child {
  padding-bottom: 5px;
}
.confirm-page main section div.child div.child {
  margin-top: -2px;
  margin-bottom: 0;
}
.confirm-page main section.question-title {
  position: relative;
  display: flex;
}
.confirm-page main section.question-title h2 {
  width: 100%;
  text-align: left;
  padding-right: 5px;
  margin-bottom: 0;
}
.confirm-page main section.question-title a.button {
  white-space: nowrap;
  font-size: 12px;
  line-height: 12px;
  padding: 3px 15px;
}
.confirm-page main p {
  margin-bottom: 5px;
}
.finish-page header {
  position: absolute;
  top: 0;
  z-index: 1;
}
.finish-page main {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.finish-page main img.staff {
  width: 180px;
  margin: 16px auto;
  display: block;
}
.finish-page footer {
  position: fixed;
  bottom: 0;
}
/* DatePicker */
.dp__input_wrap {
  margin-bottom: 10px;
}
.dp__input {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: normal;
  border-radius: 0;
  border: 1px solid #333;
  color: #000;
}
.dp__input:hover {
  border: 1px solid #333;
}
.dp__input_icon {
  padding: 6px;
}
.dp__input_icon_pad {
  padding-left: 27px;
}
.dp__overlay_cell_active,
.dp__active_date {
  background-color: #fa0;
  color: #fff;
}
.dp__today {
  border: 1px solid #333;
}