/**
* --------------------------------
* Enrolment CSS
* --------------------------------
*/
/* common */
.enrolment .inner { padding: 0 12px 152px; }

.enrolment .infotxt { padding: 10px 15px; background-color: #f5f5f5; }

.enrolment .infotxt li, .enrolment .infotxt p { position: relative; padding-left: 12px; font-size: 12px; line-height: 16px; color: #767676; }

.enrolment .infotxt li::before, .enrolment .infotxt p::before { position: absolute; top: 6px; left: 0; content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #767676; }

.enrolment .infotxt li + li, .enrolment .infotxt li + p, .enrolment .infotxt p + li, .enrolment .infotxt p + p { margin-top: 5px; }

.enrolment .infotxt li.serius, .enrolment .infotxt p.serius { color: #ff0000; }

.enrolment .infotxt li.serius::before, .enrolment .infotxt p.serius::before { background-color: #ff0000; }

.enrolment .infotxt + label { margin-top: 12px; color: #767676; }

.enrolment .form-area h3 { padding-bottom: 20px; font-size: 16px; line-height: 20px; border-bottom: 2px solid #d7d7d7; }

.enrolment .form-area .form-set { padding: 11px 0 20px; margin-bottom: 0; }

.enrolment .form-area .form-set > strong { color: #101010; }

.enrolment .form-area .form-set + h3 { padding-top: 35px; border-top: 1px solid #efefef; }

.enrolment .form-area .form-set + .form-set { border-top: 1px solid #efefef; }

.enrolment .form-area .form-set .form-write.multi { display: flex; align-items: center; }

.enrolment .form-area .form-set .form-write.multi input { width: calc(100% - 108px); }

.enrolment .form-area .form-set .form-write.multi button { width: 100px; }

.enrolment .form-area .form-set .form-write.multi.manager input { width: calc(100% - 145px); }

.enrolment .form-area .form-set .form-write.multi.manager button { width: 137px; }

.enrolment .form-area .form-set .form-write.phone { display: flex; align-items: center; }

.enrolment .form-area .form-set .form-write.phone .select, .enrolment .form-area .form-set .form-write.phone input { width: calc((100% - 48px) / 3); }

.enrolment .form-area .form-set .form-write.phone > span { display: inline-block; margin: 0 8px; width: 8px; }

.enrolment .form-area .form-set .form-write.birth { display: flex; align-items: center; }

.enrolment .form-area .form-set .form-write.birth .select { width: calc((100% - 16px) / 3); }

.enrolment .form-area .form-set .form-write.birth .select + .select { margin-left: 8px; }

.enrolment .form-area .form-set .form-write.email { display: flex; align-items: center; }

.enrolment .form-area .form-set .form-write.email input, .enrolment .form-area .form-set .form-write.email .select { width: calc((100% - 40px) / 3); }

.enrolment .form-area .form-set .form-write.email input + .select { margin-left: 8px; }

.enrolment .form-area .form-set .form-write.email > span { display: inline-block; margin: 0 8px; width: 16px; }

.enrolment .form-area .form-set .form-write.company-detail { display: flex; }

.enrolment .form-area .form-set .form-write.company-detail input { margin-top: 8px; width: calc((100% - 8px) / 2); }

.enrolment .form-area .form-set .form-write.company-detail input + input { margin-left: 8px; }

.enrolment .form-area .form-set .form-write.passbook { display: flex; }

.enrolment .form-area .form-set .form-write.passbook .select, .enrolment .form-area .form-set .form-write.passbook input { width: calc((100% - 8px) / 2); }

.enrolment .form-area .form-set .form-write.passbook .select + input { margin-left: 8px; }

.enrolment .form-area .form-set .form-write.birth-select { display: flex; }

.enrolment .form-area .form-set .form-write.birth-select .select { width: calc((100% - 16px) / 3); }

.enrolment .form-area .form-set .form-write.birth-select .select + .select { margin-left: 8px; }

.enrolment .form-area .form-set .form-write.resident-number { display: flex; align-items: center; }

.enrolment .form-area .form-set .form-write.resident-number input { width: calc((100% - 24px) / 2); }

.enrolment .form-area .form-set .form-write.resident-number > span { display: inline-block; width: 8px; margin: 0 8px; }

.enrolment .form-area .form-set .radio-list li + li { margin-top: 12px; }

.enrolment .form-area .form-set label + label { margin-left: 20px; }

.enrolment .form-area .form-set.fileform { border-bottom: 1px solid #efefef; }

.enrolment .form-area .form-set.fileform .form-write > div:not(.btns) { display: flex; }

.enrolment .form-area .form-set.fileform .form-write > div:not(.btns) > input.filename { width: calc(100% - 108px); }

.enrolment .form-area .form-set.fileform .form-write > div:not(.btns) .btn { margin-left: 8px; width: 100px; }

.enrolment .form-area .form-set.fileform .form-write .btns { margin-top: 8px; }

.enrolment .form-area .form-set.fileform .form-write .btns .btn.btn-download .icon.download { height: 32px; }

.enrolment .form-area .form-set.fileform .form-write .btns .btn.btn-download .icon.download::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url("../../images/renewal/common/icon.png"); display: inline-block; background-position: -240px -120px; background-repeat: no-repeat; background-size: 300px; content: ''; width: 30px; height: 30px; }

.enrolment .form-area .form-set.fileform .input-info { display: none; }

.enrolment .form-area .form-set.fileform .input-info::before { display: none; }

.enrolment .form-area .form-set.fileform + .infotxt { margin-top: 20px; }

.enrolment .form-area .form-set.account-set { align-items: center; }

.enrolment .form-area .form-set.account-set .input-info { color: #ff0000; }

.enrolment .form-area .form-set.account-set .input-info::before { background-color: #ff0000; }

.enrolment .form-area .btnarea.student .btn { color: #4f64ed; border-color: #4f64ed; margin-bottom: 25px; }

.enrolment .form-area .btnarea.student .btn span { display: inline-block; position: relative; padding-right: 21px; font-size: 14px; }

.enrolment .form-area .btnarea.student .btn .icon.add { background-image: url("../../images/renewal/common/icon.png"); display: inline-block; background-position: -210px -150px; background-repeat: no-repeat; background-size: 300px; position: absolute; top: 50%; transform: translate(0, -50%); right: -4px; width: 30px; height: 30px; }

/* 異붽� */
.enrolment .form-area .btnarea.student .btn .icon.del { background: url(../../images/renewal/common/icon_minus.png) no-repeat center center; display: inline-block; position: absolute; top: 50%; transform: translate(0, -50%); width: 30px; height: 30px; }
/* //異붽� */

.enrolment .form-area .btnarea.student + h3 { margin-top: 35px; }

.enrolment .form-area .payment-info { padding: 11px 0 16px; }

.enrolment .form-area .payment-info strong { margin-left: 7px; font-size: 14px; font-weight: 400; line-height: 36px; }

.enrolment .form-area .payment-info > span { display: inline-block; line-height: 35px; }

.enrolment .form-area .payment-info .price { font-size: 12px; }

.enrolment .form-area .payment-info .price em { font-size: 25px; font-weight: 700; line-height: 35px; }

.enrolment .form-area .payment-info .price + .member-txt { margin-left: 15px; }

.enrolment .form-area .payment-info .member-txt { font-size: 13px; font-weight: 500; color: #4f64ed; }

.enrolment .form-area .payment-info + .form-set { border-top: 1px solid #efefef; }

.enrolment .form-area .agree-info { margin-top: 12px; }

.enrolment .form-area .deposit-area, .enrolment .form-area .coupon-area, .enrolment .form-area .card-area { display: none; }

.enrolment .form-area .deposit-area.active, .enrolment .form-area .coupon-area.active, .enrolment .form-area .card-area.active { display: block; }

.enrolment .form-area .deposit-area { border-top: 1px solid #efefef; }

.enrolment .form-area .deposit-area h4 { font-size: 15px; line-height: 48px; font-weight: 400; }

.enrolment .form-area .deposit-area .billmanager-info + .form-set { border-top: 2px solid #d7d7d7; }

.enrolment .form-area .coupon-area { border-top: 1px solid #efefef; }

.enrolment .form-area .coupon-area > .form-set { padding-bottom: 0; }

.enrolment .form-area .coupon-area p { padding-bottom: 20px; line-height: 18px; color: #767676; border-bottom: 1px solid #efefef; }

.enrolment .apply-area .form-set { margin-top: 12px; }

.enrolment .apply-area .form-set label + label { margin-left: 40px; }

.enrolment .apply-area .btnarea { margin-top: 40px; }

.enrolment.complete .innerfull { padding: 0 12px 152px; }

.enrolment.complete .subtit { display: block; padding-top: 30px; text-align: center; font-size: 20px; font-weight: 500; line-height: 56px; }

.enrolment.complete .txt-complete { margin-top: 20px; display: block; text-align: center; font-size: 24px; font-weight: 500; line-height: 28px; }

.enrolment.complete .txt-complete + .info-area { margin-top: 30px; }

.enrolment.complete .txt-download { display: block; margin-top: 20px; text-align: center; font-size: 15px; font-weight: 500; line-height: 22px; }

.enrolment.complete .txt-download + .info-area { margin-top: 10px; }

.enrolment.complete .info-area { padding: 30px 40px; background-color: #f5f5f5; }

.enrolment.complete .info-area dl { display: flex; }

.enrolment.complete .info-area dl + dl { margin-top: 13px; }

.enrolment.complete .info-area dl dt, .enrolment.complete .info-area dl dd { font-size: 14px; line-height: 21px; }

.enrolment.complete .info-area dl dt { width: calc(50% - 16px); color: #767676; }

.enrolment.complete .info-area dl dd { margin-left: 20px; width: calc(50% - 4px); }

.enrolment.complete .info-area.download-area dt { display: flex; align-items: center; line-height: 20px; }

.enrolment.complete .info-area.download-area dd { display: flex; align-items: center; }

.enrolment.complete .info-area.download-area dd .btn { max-width: 126px; width: 100%; height: 40px; font-size: 14px; line-height: 38px; }

@media (min-width: 768px) { .enrolment .inner { padding-left: 0; padding-right: 0; }
  .enrolment .infotxt { padding: 16px 20px; }
  .enrolment .infotxt li { font-size: 14px; line-height: 24px; }
  .enrolment .infotxt li::before { top: 9px; }
  .enrolment .form-area h3 { padding-top: 60px; font-size: 20px; line-height: 28px; padding-bottom: 12px; }
  .enrolment .form-area .essential-txt { position: absolute; top: 60px; right: 0; font-size: 14px; line-height: 28px; }
  .enrolment .form-area .essential-txt i { margin-right: 3px; line-height: 28px; }
  .enrolment .form-area .form-set { display: flex; align-items: center; padding: 16px 0; }
  .enrolment .form-area .form-set > strong { width: 210px; margin-left: 0; padding-left: 32px; padding-right: 32px; line-height: 48px; }
  .enrolment .form-area .form-set div > label { line-height: 48px; }
  .enrolment .form-area .form-set.address-set { align-items: center; }
  .enrolment .form-area .form-set.address-set > div { width: calc(100% - 210px); }
  .enrolment .form-area .form-set > .form-write { width: calc(100% - 210px); }
  .enrolment .form-area .form-set > .form-write.company-address { width: calc(37.5% - 4px); }
  .enrolment .form-area .form-set > .form-write.company-detail { margin-left: 8px; width: calc(45% - 4px); }
  .enrolment .form-area .form-set > .form-write.company-detail input { margin-top: 0; }
  .enrolment .form-area .form-set > .form-write.multi.manager input { width: calc(100% - 168px); }
  .enrolment .form-area .form-set > .form-write.multi.manager button { width: 160px; }
  .enrolment .form-area .form-set > input { width: calc(100% - 210px); }
  .enrolment .form-area .form-set.business-set > strong { position: relative; line-height: 24px; }
  .enrolment .form-area .form-set.business-set > strong .essential { position: absolute; top: -3px; margin-left: 5px; line-height: 20px; }
  .enrolment .form-area .form-set.fileform { align-items: center; }
  .enrolment .form-area .form-set.fileform > strong { line-height: 24px; padding-right: 42px; }
  .enrolment .form-area .form-set.fileform .form-write { flex-wrap: wrap; }
  .enrolment .form-area .form-set.fileform .input-info { display: block; padding-left: 0; }
  .enrolment .form-area .form-set .radio-list { display: flex; align-items: center; }
  .enrolment .form-area .form-set .radio-list li + li { margin-left: 40px; margin-top: 0; }
  .enrolment .form-area .form-set .radio-list li label { line-height: 48px; }
  .enrolment .form-area .form-set#compNm{ flex-wrap: wrap;}
  .enrolment .form-area .btnarea.student { text-align: center; }
  .enrolment .form-area .btnarea.student .btn { width: 160px; }
  .enrolment .form-area .btnarea.student .btn span { font-size: 16px; }
  .enrolment .form-area .btnarea.student .btn span .icon.add { right: -5px; }
  .enrolment .form-area .btnarea.student + h3 { margin-top: 0; }
  .enrolment .form-area .payment-info { align-items: center; padding: 9px 0; }
  .enrolment .form-area .payment-info strong { margin-left: 0; padding-left: 32px; padding-right: 32px; width: 210px; font-size: 16px; line-height: 48px; }
  .enrolment .form-area .payment-info .price { font-size: 13px; line-height: 36px; }
  .enrolment .form-area .payment-info .price em { font-size: 30px; line-height: 48px; }
  .enrolment .form-area .payment-info .price + .member-txt { margin-left: 20px; }
  .enrolment .form-area .payment-info .member-txt { font-size: 14px; line-height: 48px; }
  .enrolment .form-area .payment-method { padding: 9px 0; }
  .enrolment .form-area .deposit-area .form-set { padding: 13px 0; }
  .enrolment .form-area .deposit-area .form-set.billmanager-info { padding: 20px 0 10px; justify-content: space-between; }
  .enrolment .form-area .deposit-area .form-set.billmanager-info h4 { font-size: 17px; line-height: 28px; }
  .enrolment .form-area .deposit-area .form-set.billmanager-info > div label { line-height: 28px; }
  .enrolment .form-area .deposit-area .infotxt li + li { margin-top: 0; }
  .enrolment .form-area .card-area p { font-size: 14px; line-height: 24px; }
  .enrolment .form-area .card-area p::before { top: 9px; }
  .enrolment .form-area .coupon-area p { border-bottom: 0; padding-bottom: 0; }
  .enrolment .apply-area .infotxt p { font-size: 14px; line-height: 24px; }
  .enrolment .apply-area .infotxt p::before { top: 9px; }
  .enrolment .apply-area .form-set { margin-top: 16px; display: flex; justify-content: right; }
  .enrolment .apply-area .btnarea { text-align: center; }
  .enrolment .apply-area .btnarea .btn { width: 200px; }
  .enrolment.complete > .innerfull { background-color: #F9FAFB; padding-bottom: 120px; }
  .enrolment.complete .subtit { padding-top: 60px; font-size: 26px; line-height: 56px; }
  .enrolment.complete section { padding: 60px; margin: 42px auto 0; max-width: 600px; background-color: #ffffff; }
  .enrolment.complete .txt-complete { margin-top: 0; font-size: 28px; font-weight: 500; line-height: 38px; }
  .enrolment.complete .txt-complete + .info-area { margin-top: 48px; }
  .enrolment.complete .txt-download { margin-top: 48px; font-size: 16px; line-height: 24px; }
  .enrolment.complete .txt-download + .info-area { margin-top: 15px; }
  .enrolment.complete .info-area { padding: 40px 57px; }
  .enrolment.complete .info-area dl + dl { margin-top: 0; }
  .enrolment.complete .info-area dl dt, .enrolment.complete .info-area dl dd { font-size: 16px; line-height: 40px; }
  .enrolment.complete .info-area dl dt { width: 130px; }
  .enrolment.complete .info-area dl dd { width: calc(100% - 150px); }
  .enrolment.complete .info-area.download-area dl + dl { margin-top: 10px; }
  .enrolment.complete .info-area.download-area dl dd { margin-left: 50px; width: calc(100% - 180px); }
  .enrolment.complete .info-area.download-area dl dd a.btn { width: 100%; max-width: none; }
  .enrolment.complete .btnarea { margin-top: 40px; } }

@media (min-width: 1025px) { .enrolment .form-area .form-set.fileform .form-write { display: flex; }
  .enrolment .form-area .form-set.fileform .form-write > div:not(.btns) { display: flex; width: calc(100% - 312px); }
  .enrolment .form-area .form-set.fileform .form-write > div:not(.btns) > input.upfilename { width: calc(100% - 129px); }
  .enrolment .form-area .form-set.fileform .form-write > div:not(.btns) > .btn { margin-left: 8px; width: 121px; }
  .enrolment .form-area .form-set.fileform .form-write > .btns { margin-top: 0; margin-left: 8px; width: 304px; }
  .enrolment .form-area .form-set.fileform .form-write > .btns label.btn { margin-right: 0; width: 121px; }
  .enrolment .form-area .form-set.fileform .form-write > .btns label.btn + .btn { margin-left: 8px; width: 175px; }
  .enrolment .form-area .form-set.fileform .input-info { margin-top: 10px; font-size: 15px; line-height: 18px; }
  .enrolment .form-area .form-set.fileform + .infotxt { margin-top: 16px; }
  .enrolment .form-area .form-set.address-set > div { display: flex; }
  .enrolment .form-area .form-set.address-set > div .form-write.company-address { width: calc(46.0606% - 4px); }
  .enrolment .form-area .form-set.address-set > div .form-write.company-detail { margin-left: 8px; width: calc(53.9393% - 4px); }
  .enrolment .form-area .form-set.address-set > div .form-write.company-detail input { margin-top: 0; } }

/*# sourceMappingURL=scssMaps/enrolment.css.map */