@charset "UTF-8";
#header .header__nav__list {
  height: 36px;
}
@media print, screen and (min-width: 751px) {
  #header .header__nav__list {
    height: 58px;
  }
}
@media print and (max-width: 1279px), screen and (min-width: 751px) and (max-width: 1279px) {
  #header .header__nav__list {
    height: 4.53125vw;
  }
}
#header .header__nav__list li:not(:first-child) {
  display: none;
}

#header .right_side .header_banner {
  display: none;
}
#header .right_side_sp .cta_button {
  display: none;
}

.page {
  background: #F0F4F7;
  padding-bottom: 120px;
}
@media (max-width: 750px) {
  .page {
    background: #FFF;
  }
}

.page__ttl {
  margin-bottom: 64px;
}
@media (max-width: 750px) {
  .page__ttl {
    margin-bottom: 40px;
  }
}

.form-progress {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  max-width: 100%;
}
@media (max-width: 750px) {
  .form-progress {
    margin-bottom: 40px;
  }
}
.form-progress li {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 750px) {
  .form-progress li {
    width: calc(33.3% + 5.5px);
  }
  .form-progress li:last-child {
    width: calc(33.3% - 11px);
  }
}
.form-progress li span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  border: solid 2px #AFC1CE;
  height: 60px;
  min-width: 180px;
  padding: 0 10px;
  font-size: 1.9rem;
  font-family: "ヒラギノ角ゴ W7 JIS2004";
  color: #AFC1CE;
}
@media (max-width: 750px) {
  .form-progress li span {
    min-width: auto;
    width: 100%;
    border-radius: 8px;
    line-height: 2.28rem;
  }
}
.form-progress li:not(:last-child):after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 14px;
  margin: 0 9px;
  background-image: url("../img/common/ico-arrow-right-gray@2x.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 750px) {
  .form-progress li:not(:last-child):after {
    margin: 0 4px 0 5px;
  }
}
.form-progress li.active span {
  background: #c73435;
  border: solid 2px #c73435;
  color: #FFF;
}

.required-kome-note {
  text-align: right;
  max-width: 894px;
  margin: 0 auto 48px;
  font-family: "ヒラギノ角ゴ W7 JIS2004";
}
.required-kome-note .required-kome {
  color: #c73435;
}

.form-container {
  background: #FFF;
  border-radius: 30px;
  padding: 80px 40px;
  font-size: 1.9rem;
  letter-spacing: 0.1em;
  line-height: 3.2rem;
  margin-top: 75px;
}
@media (max-width: 750px) {
  .form-container {
    background: none;
    padding: 0;
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
}
.form-container .footnote {
  color: #707070;
  font-size: 1.5rem;
  line-height: 2.55rem;
  margin-left: 1em;
  text-indent: -1em;
}
@media (max-width: 750px) {
  .form-container .footnote {
    font-size: 1.3rem;
    line-height: 2.2rem;
  }
}
.form-container .footnotes-ul {
  color: #707070;
  font-size: 1.5rem;
  line-height: 2.55rem;
}
.form-container .footnotes-ul li {
  margin-left: 1em;
  text-indent: -1em;
}

@media (max-width: 1366px) {
  .form-container {
    margin-top: 60px;
  }
}
@media (max-width: 700px) {
  .form-container {
    margin-top: 90px;
  }
}
.page-form {
  max-width: 960px;
  margin: 0 auto;
  /*
  	.flex-right, .flex-right-style2{
  		label{
  			font-family: $normal;
  		}
  	}
  */
}
.page-form .flex-left-style2 {
  font-family: "ヒラギノ角ゴ W7 JIS2004";
}
.page-form .flex-left {
  width: 30%;
  flex: 0 0 auto;
  font-family: "ヒラギノ角ゴ W7 JIS2004";
}
.page-form .flex-left small {
  font-family: "ヒラギノ角ゴ W4 JIS2004";
}
@media print, screen and (min-width: 751px) {
  .page-form .flex-left:not(.mb14) {
    padding-top: 10px;
  }
}
.page-form .flex-left .supplement-list {
  color: #707070;
}
.page-form .flex-left .supplement-list li {
  display: flex;
  line-height: 1.6;
}
.page-form .flex-left .supplement-list li:before {
  content: "※";
}
@media print, screen and (min-width: 751px) {
  .page-form .flex-left {
    font-size: 1.9rem;
  }
  .page-form .flex-left .supplement-list {
    font-size: 1.5rem;
  }
}
@media (max-width: 750px) {
  .page-form .flex-left {
    width: 100%;
    font-size: 1.6rem;
  }
}
.page-form .flex-right {
  width: 68%;
  flex: 0 0 auto;
  font-weight: normal;
}
@media (max-width: 750px) {
  .page-form .flex-right {
    width: 100%;
    margin-bottom: 30px;
  }
}
.page-form .flex-left-style2 {
  width: calc(30% - 8rem);
  flex: 0 0 auto;
  margin-bottom: 57px;
}
@media (max-width: 750px) {
  .page-form .flex-left-style2 {
    margin-bottom: 16px;
    width: 100%;
  }
}
.page-form .flex-right-style2 {
  width: calc(68% + 8rem);
  flex: 0 0 auto;
  margin-bottom: 57px;
  font-weight: normal;
}
@media (max-width: 750px) {
  .page-form .flex-right-style2 {
    width: 100%;
    margin-bottom: 30px;
  }
}
.page-form .flex-right-style2 label {
  display: inline-block;
  width: 8rem;
  font-family: "ヒラギノ角ゴ W4 JIS2004";
}
@media print, screen and (min-width: 751px) {
  .page-form .flex-item {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 24px;
  }
}
.page-form .flex-item:last-child {
  margin-bottom: 0;
}
.page-form .flex-item label {
  white-space: nowrap;
  margin-right: 5px;
}
@media print, screen and (min-width: 751px) {
  .page-form .flex-item label {
    transform: translateY(10px);
  }
}
@media (max-width: 750px) {
  .page-form .flex-item label {
    width: auto;
    margin-bottom: 8px;
  }
}
.page-form .flex--item-center {
  align-items: center;
}
.page-form input[type=text], .page-form input[type=tel], .page-form input[type=email] {
  background: #F0F4F7;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 750px) {
  .page-form input[type=text], .page-form input[type=tel], .page-form input[type=email] {
    width: 100%;
  }
}
.page-form textarea {
  background: #F0F4F7;
}
@media (max-width: 750px) {
  .page-form textarea {
    width: 100%;
  }
}
.page-form .required-kome {
  display: inline-block;
  color: #c73435;
  font-size: 1.5rem;
  transform: translateY(-10%);
}

#item1 {
  width: 510px;
}
@media (max-width: 750px) {
  #item1 {
    width: 100%;
  }
}

#item2 {
  width: 200px;
  margin-left: 11px;
}
@media (max-width: 750px) {
  #item2 {
    width: 100%;
  }
}

@media (max-width: 750px) {
  #item3 {
    width: 100%;
  }
}

#item4, #item5, #item6, #item7 {
  width: 408px;
}
@media (max-width: 750px) {
  #item4, #item5, #item6, #item7 {
    width: 100%;
  }
}

.btn-lrg.not-valid {
  background: #E4E4E4;
  color: #707070;
  cursor: default;
  border-radius: 30px;
}
.btn-lrg.not-valid:hover {
  opacity: 1;
}
.btn-lrg.not-valid:before {
  display: none;
}
.btn-lrg.not-valid:after {
  display: none;
}

#footer {
  margin-top: 0;
}

.form__top {
  background: #F7F0F0;
  border-radius: 30px;
  padding: 24px 24px 18px;
  margin-top: 40px;
  font-size: 1.6rem;
  margin-bottom: 55px;
}
@media print, screen and (min-width: 751px) {
  .form__top {
    font-size: 1.9rem;
    margin-top: 100px;
  }
}
.form__top a {
  display: inline-block;
  position: relative;
}
.form__top a:hover {
  opacity: 0.7;
}
.form__top a:after {
  content: "";
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  border-bottom: solid 1px black;
}
.form__top .form__top__ttl {
  text-align: center;
  margin-bottom: 8px;
  font-size: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "ヒラギノ角ゴ W7 JIS2004";
}
.form__top .form__top__ttl img {
  margin-right: 8px;
}
.form__top .form__top__list {
  counter-reset: item;
  list-style-type: none;
}
@media only screen and (max-width: 750px) {
  .form__top .form__top__list li:not(:last-child) {
    margin-bottom: 1.5em;
  }
}
@media print, screen and (min-width: 751px) {
  .form__top .form__top__list li {
    display: flex;
  }
}
.form__top .form__top__list li:before {
  counter-increment: item;
  content: counter(item) ".";
  margin-right: 0.5em;
}

.section {
  width: 100%;
}
.section:not(:last-child) {
  margin-bottom: 40px;
}
@media print, screen and (min-width: 751px) {
  .section:not(:last-child) {
    margin-bottom: 120px;
  }
}
.section .section__ttl {
  text-align: center;
  font-size: 2.6rem;
  font-family: "UDTypos515", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 751px) {
  .section .section__ttl {
    margin-top: 100px;
    margin-bottom: 56px;
    font-size: 4rem;
  }
}
.section .section__ttl:after {
  content: "";
  width: 100px;
  display: block;
  border-bottom: solid 8px #c73435;
  border-radius: 30px;
  margin: auto;
  margin-top: 20px;
}
@media print, screen and (min-width: 751px) {
  .section .section__ttl:after {
    width: 120px;
    margin-top: 27px;
  }
}

input[type=radio] {
  display: none;
}

input[type=radio] + label {
  display: flex;
  font-size: 1.9rem;
  align-items: center;
  position: relative;
}

input[type=radio] + label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #F0F4F7;
  border: solid 1px #c73435;
  border-radius: 100%;
  margin-right: 6px;
}

input[type=radio]:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 3px;
  top: 50%;
  background: #c73435;
  border-radius: 100%;
  transform: translateY(-50%);
}

.radio-list {
  display: flex;
}
.radio-list label:not(:last-child) {
  margin-right: 2em;
}

@media (min-width: 751px) {
  .radio-meiginin {
    display: flex;
  }
  .radio-meiginin label:not(:last-child) {
    margin-right: 2em;
  }
}
.radio-time {
  display: block;
}
.radio-time label:not(:last-child) {
  margin-bottom: 0.5em;
}

.form__txt {
  color: #707070;
  letter-spacing: 0.05em;
  margin-top: 10px;
  font-size: 1.3rem;
}
@media only screen and (max-width: 750px) {
  .form__txt {
    line-height: 1.6923076923;
  }
}
@media print, screen and (min-width: 751px) {
  .form__txt {
    font-size: 1.5rem;
    margin-top: 13px;
  }
}
.form__txt.supplement {
  display: flex;
}
.form__txt.supplement:before {
  content: "※";
}

ol.form__txt {
  counter-reset: item;
  list-style-type: none;
  margin-top: 13px;
}
ol.form__txt li {
  display: flex;
  line-height: 1.6666666667;
}
ol.form__txt li:before {
  counter-increment: item;
  content: "※" counter(item) ".";
  margin-right: 0.5em;
  width: 30px;
}
@media print, screen and (min-width: 751px) {
  ol.form__txt li:before {
    width: auto;
  }
}

.page-form .mb14 {
  margin-bottom: 14px;
}

.page-form input.p-input01 {
  max-width: 408px;
}

.form-base .flex-right:nth-last-child(1) {
  margin-bottom: 0;
}

@media print, screen and (min-width: 751px) {
  .form-base .flex-left:nth-last-child(2) {
    margin-bottom: 0;
  }
}
.page-form .input__row {
  display: flex;
  align-items: center;
}
.page-form .input__row input {
  width: 20.8955223881%;
  margin-right: 2.9850746269%;
  margin-left: 2.9850746269%;
}
.page-form .input__row input:first-child {
  width: 32.8358208955%;
  margin-left: 0;
}
@media print, screen and (min-width: 751px) {
  .page-form .input__row input {
    width: 86px;
    margin-right: 10px;
    margin-left: 10px;
  }
  .page-form .input__row input:first-child {
    width: 180px;
  }
}
@media print and (max-width: 1023px), screen and (min-width: 751px) and (max-width: 1023px) {
  .page-form .input__row input:first-child {
    width: 7em;
  }
}
@media only screen and (max-width: 750px) {
  .page-form .input__row.input__row--start input {
    width: 25.671641791%;
  }
  .page-form .input__row.input__row--start input:first-child {
    width: 53.7313432836%;
  }
}

.page-form input.input--office {
  max-width: 510px;
}

#zip {
  margin-left: 10px;
}
@media only screen and (max-width: 750px) {
  #zip {
    width: calc(100% - 28px);
  }
}
@media print, screen and (min-width: 751px) {
  #zip {
    width: 200px;
  }
}

#officeAddress1 {
  max-width: 100%;
  margin-bottom: 24px;
}

#officeAddress2 {
  max-width: 100%;
  margin-bottom: 24px;
}

#officeAddress3 {
  max-width: 100%;
  margin-bottom: 24px;
}

@media print, screen and (min-width: 751px) {
  .form-base select {
    width: 220px;
  }
}

.sub-section .sub-section__ttl {
  display: flex;
  font-size: 1.6rem;
  margin-bottom: 12px;
  font-family: "ヒラギノ角ゴ W7 JIS2004";
}
@media only screen and (max-width: 750px) {
  .sub-section .sub-section__ttl {
    line-height: 1.6875;
    align-items: flex-start;
  }
}
@media print, screen and (min-width: 751px) {
  .sub-section .sub-section__ttl {
    font-size: 2.8rem;
    margin-bottom: 8px;
    align-items: center;
  }
}
.sub-section .sub-section__ttl:before {
  content: "";
  display: block;
  min-width: 10px;
  min-height: 10px;
  background: linear-gradient(#4dc7c2 0%, #00a7c6 100%);
  border-radius: 100%;
  margin-right: 8px;
}
@media only screen and (max-width: 750px) {
  .sub-section .sub-section__ttl:before {
    transform: translateY(75%);
  }
}
@media print, screen and (min-width: 751px) {
  .sub-section .sub-section__ttl:before {
    width: 22px;
    height: 22px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 750px) {
  .sub-section.sub-section2 .sub-section__ttl {
    margin-bottom: 40px;
  }
}
.sub-section .sub-section__txt {
  font-size: 1.3rem;
  line-height: 1.6842105263;
  margin-bottom: 24px;
  color: #707070;
}
@media only screen and (max-width: 750px) {
  .sub-section .sub-section__txt {
    padding-left: 18px;
  }
}
@media print, screen and (min-width: 751px) {
  .sub-section .sub-section__txt {
    font-size: 1.5rem;
    padding-left: 38px;
  }
}

/*-----------------------------------------
確認画面
-------------------------------------------*/
.confirm__txt {
  font-size: 1.6rem;
  margin-top: 40px;
}
@media print, screen and (min-width: 751px) {
  .confirm__txt {
    text-align: center;
    font-size: 2.4rem;
    margin-top: 44px;
    margin-bottom: 50px;
  }
}
@media print and (max-width: 1023px), screen and (min-width: 751px) and (max-width: 1023px) {
  .confirm__txt {
    font-size: 2.34375vw;
  }
}

.apply__consent {
  text-align: center;
  margin: 70px 0 30px 0;
}

.apply-box {
  background: #F0F4F7;
  border-radius: 15px;
  padding: 20px;
  width: 100%;
}
.apply-box:not(:last-child) {
  margin-bottom: 50px;
}
@media print, screen and (min-width: 751px) {
  .apply-box {
    padding: 34px;
    border-radius: 30px;
  }
}
@media only screen and (max-width: 750px) {
  .apply-box .apply__txt {
    margin-bottom: 24px;
  }
}
@media print, screen and (min-width: 751px) {
  .apply-box .apply__txt {
    text-align: center;
    font-size: 1.9rem;
    margin-bottom: 23px;
  }
}
@media print and (max-width: 1023px), screen and (min-width: 751px) and (max-width: 1023px) {
  .apply-box .apply__txt {
    font-size: 1.85546875vw;
  }
}
@media only screen and (max-width: 750px) {
  .apply-box .button-list {
    display: flex;
    display: -webkit-flex;
    flex-direction: column-reverse;
  }
  .apply-box .button-list li:not(:first-child) {
    margin-bottom: 16px;
  }
}
@media print, screen and (min-width: 751px) {
  .apply-box .button-list {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .apply-box .button-list li {
    width: 26.8060836502%;
  }
  .apply-box .button-list li:last-child {
    width: 36.5019011407%;
    margin-left: 2.2813688213%;
  }
}
.apply-box .button-list .btn-lrg {
  width: 100%;
}
.apply-box .button-list .edit-btn {
  background: white;
  color: #c73435;
  border: solid 4px #c73435;
  border-radius: 30px;
}
.apply-box .button-list .edit-btn:before, .apply-box .button-list .edit-btn:after {
  display: none;
}

#main .page-form--confirm .flex-left {
  padding-top: 0;
  margin-bottom: 16px;
}
@media print, screen and (min-width: 751px) {
  #main .page-form--confirm .flex-left {
    margin-bottom: 44px;
  }
}
#main .page-form--confirm .flex-left--sp {
  display: flex;
  align-items: flex-start;
}
#main .page-form--confirm .flex-right {
  margin-bottom: 16px;
}
@media print, screen and (min-width: 751px) {
  #main .page-form--confirm .flex-right {
    margin-bottom: 44px;
  }
}
#main .page-form--confirm .flex-right:nth-last-child(1) {
  margin-bottom: 0;
}
@media print, screen and (min-width: 751px) {
  #main .page-form--confirm .flex-left:nth-last-child(2) {
    margin-bottom: 0;
  }
}
#main .page-form--confirm .flex-item label {
  transform: translateY(0);
}
#main .page-form--confirm .section3 {
  margin-bottom: 28px;
}
@media only screen and (max-width: 750px) {
  #main .page-form--confirm .flex-right-style2 {
    margin-bottom: 16px;
  }
  #main .page-form--confirm .flex-left-style2 {
    width: 29.8507462687%;
  }
  #main .page-form--confirm .flex-left {
    width: 38.8059701493%;
  }
  #main .page-form--confirm .flex-right {
    width: 61.1940298507%;
  }
  #main .page-form--confirm .flex-right-style2 {
    width: 70.1492537313%;
  }
  #main .page-form--confirm .flex-item {
    display: flex;
  }
}
#main .page-form--confirm .flex-left {
  position: relative;
}
#main .page-form--confirm .required-kome--sp {
  position: absolute;
  right: 1em;
  top: 0;
}

.text-box {
  height: 250px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  border: solid 1px #AFC1CE;
  padding: 10px;
  font-size: 1.5rem;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 751px) {
  .text-box {
    padding: 20px;
    margin-bottom: 12px;
  }
}

.text-box2 {
  margin-bottom: 24px;
}

.text-box__bottom {
  font-size: 1.3rem;
  margin-bottom: 40px;
  color: #707070;
}
@media print, screen and (min-width: 751px) {
  .text-box__bottom {
    margin-bottom: 28px;
    font-size: 1.5rem;
  }
}
.text-box__bottom strong {
  color: #DE4040;
}

.confirm__top-txt {
  margin-bottom: 27px;
}

@media only screen and (max-width: 750px) {
  #officeAddress1 {
    margin-top: 24px;
  }
  #officeAddress2 {
    margin-top: 24px;
  }
  #officeAddress3 {
    margin-top: 24px;
  }
}
/*-----------------------------------------
ご利用中のお客様用申込フォーム
-------------------------------------------*/
@media print, screen and (min-width: 751px) {
  .increase-page .flex-left-style2:nth-last-child(2) {
    margin-bottom: 0;
  }
}
.increase-page .flex-right-style2:nth-last-child(1) {
  margin-bottom: 0;
}
@media only screen and (max-width: 750px) {
  .increase-page .input__row input:first-child:not(#user_birthday_year) {
    width: calc(100% - 3em);
  }
}
.increase-page .page-form--confirm {
  margin-top: 40px;
}
@media print, screen and (min-width: 751px) {
  .increase-page .page-form--confirm {
    margin-top: 100px;
  }
}
@media print, screen and (min-width: 751px) {
  .increase-page .page-form .flex-left-style2 {
    padding-top: 10px;
  }
}
.increase-page .page-form .flex-right-style2 .flex-item label {
  margin-right: 0;
}
.increase-page .page-form .flex-right-style2 .inactive {
  margin-left: 8px;
}
.increase-page .sub-section {
  margin-bottom: 50px;
  margin-top: 50px;
}
@media print, screen and (min-width: 751px) {
  .increase-page .sub-section {
    margin-bottom: 80px;
    margin-top: 80px;
  }
}
.increase-page .flex-item {
  display: flex;
  align-items: center;
}
.increase-page .page-form--confirm .flex-right-style2 .flex-item label {
  margin-bottom: 0;
  margin-right: 8px;
}
.increase-page .page-form--confirm .flex-left-style2 {
  padding-top: 0;
}

/*-----------------------------------------
申込フォーム完了
-------------------------------------------*/
.complete-img {
  text-align: center;
  margin-top: 40px;
}
@media only screen and (max-width: 750px) {
  .complete-img img {
    width: 75px;
  }
}
@media print, screen and (min-width: 751px) {
  .complete-img {
    margin-top: 60px;
  }
}

.complete-box {
  margin-top: 80px;
  margin-bottom: 40px;
}
@media print, screen and (min-width: 751px) {
  .complete-box {
    margin-top: 110px;
    margin-bottom: 80px;
  }
}
.complete-box .complete-box__ttl {
  font-size: 1.6rem;
  font-family: "ヒラギノ角ゴ W7 JIS2004";
  text-align: center;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 751px) {
  .complete-box .complete-box__ttl {
    font-size: 2.8rem;
    margin-bottom: 38px;
  }
}
.complete-box .complete-box__text {
  text-align: center;
  font-family: "ヒラギノ角ゴ W7 JIS2004";
}

.complete-page .section {
  max-width: 996px;
  width: 100%;
  margin: auto;
}
.complete-page .sub-section:not(:last-child) {
  margin-bottom: 44px;
}
.complete-page .flow-list {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 750px) {
  .complete-page .flow-list {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
}
@media print, screen and (min-width: 751px) {
  .complete-page .flow-list {
    justify-content: space-between;
    width: 100%;
    margin-bottom: 44px;
  }
}
.complete-page .flow-list .flow {
  max-width: 180px;
  width: 29.8507462687%;
  border: solid 2px #c73435;
  border-radius: 15px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #c73435;
  line-height: 1.3684210526;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .complete-page .flow-list .flow {
    font-size: 1.3rem;
    border-radius: 8px;
    white-space: nowrap;
  }
}
@media print, screen and (min-width: 751px) {
  .complete-page .flow-list .flow {
    width: 18.0722891566%;
    height: 120px;
  }
}
@media print and (max-width: 1023px), screen and (min-width: 751px) and (max-width: 1023px) {
  .complete-page .flow-list .flow {
    font-size: 1.85546875vw;
  }
}
.complete-page .flow-list .flow .num {
  position: absolute;
  left: 4px;
  top: 4px;
}
@media print, screen and (min-width: 751px) {
  .complete-page .flow-list .flow .num {
    left: 8px;
    top: 8px;
  }
}
@media only screen and (max-width: 750px) {
  .complete-page .flow-list li:nth-child(n+7) {
    margin-top: 8px;
  }
}
.complete-page .flow-list .separete {
  width: 6px;
}
@media only screen and (max-width: 750px) {
  .complete-page .flow-list .separete {
    margin: 0 4px;
    width: 5px;
  }
  .complete-page .flow-list .separete:nth-child(6) {
    margin-right: 0;
  }
}
.complete-page .flow-list .current {
  background: #c73435;
  color: white;
}

.panel__table {
  width: 100%;
  border-collapse: separate;
  border-radius: 15px;
  margin-top: 10px;
  /*
  	th:not(:first-child)
  	{
  		border-left-width: 1.5px;	
  	}
  */
}
@media only screen and (max-width: 750px) {
  .panel__table {
    white-space: nowrap;
  }
}
@media print, screen and (min-width: 751px) {
  .panel__table {
    margin-top: 24px;
    border-radius: 30px;
    max-width: 996px;
    width: 100%;
    margin: auto;
  }
}
.panel__table th, .panel__table td {
  padding: 20px 5px;
}
@media print, screen and (min-width: 751px) {
  .panel__table th, .panel__table td {
    padding: 27px 5px;
  }
}
.panel__table th {
  text-align: center;
  background: #F0F4F7;
  border: solid 3px #DFE8EF;
  font-family: "ヒラギノ角ゴ W7 JIS2004";
}
@media only screen and (max-width: 750px) {
  .panel__table th {
    font-size: 1.1rem;
  }
}
.panel__table th:not(:last-child) {
  border-right: none;
}
.panel__table td {
  line-height: 1.3333333333;
}
.panel__table tbody th {
  border-right: none;
  width: 111px;
  line-height: 1;
}
@media only screen and (max-width: 750px) {
  .panel__table tbody th {
    border-width: 2px;
  }
}
@media print, screen and (min-width: 751px) {
  .panel__table tbody th {
    width: 384px;
  }
}
.panel__table tbody td {
  border: solid 3px #DFE8EF;
  padding-left: 12px;
  line-height: 1;
}
@media only screen and (max-width: 750px) {
  .panel__table tbody td {
    font-size: 1.1rem;
    border-width: 2px;
  }
}
@media print, screen and (min-width: 751px) {
  .panel__table tbody td {
    padding-left: 24px;
  }
}
.panel__table tbody td:not(:last-child) {
  border-right: none;
}
.panel__table tbody tr:not(:last-child) * {
  border-bottom: none;
}
.panel__table tbody tr:first-child th:first-child {
  border-radius: 15px 0 0 0;
}
.panel__table tbody tr:first-child td:last-child {
  border-radius: 0 15px 0 0;
}
.panel__table tbody tr:last-child th:first-child {
  border-radius: 0 0 0 15px;
}
.panel__table tbody tr:last-child td:last-child {
  border-radius: 0 0 15px 0;
}
@media print, screen and (min-width: 751px) {
  .panel__table tbody tr:first-child th:first-child {
    border-radius: 30px 0 0 0;
  }
  .panel__table tbody tr:first-child td:last-child {
    border-radius: 0 30px 0 0;
  }
  .panel__table tbody tr:last-child th:first-child {
    border-radius: 0 0 0 30px;
  }
  .panel__table tbody tr:last-child td:last-child {
    border-radius: 0 0 30px 0;
  }
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label {
  display: flex;
  font-size: 1.9rem;
  align-items: center;
  position: relative;
}

input[type=checkbox] + label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #F0F4F7;
  border: solid 1px #c73435;
  margin-right: 6px;
}

input[type=checkbox]:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 3px;
  top: 50%;
  background: #c73435;
  transform: translateY(-50%);
}/*# sourceMappingURL=product-document.css.map */