/*======================================================== */
/*  CLASS STYLES */
/*======================================================== */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.btns {
  text-align: center;
}
.btns li {
  display: inline-block;
  margin: 0 10px;
}
.btns li a {
  display: inline-block;
}

.scroll-fadein {
  opacity: 0;
  position: relative;
  top: 30px;
}

.manual-fadein {
  position: relative;
  opacity: 0;
  top: 30px;
}

#page-contact footer,
#page-contact-complete footer,
#page-feedback footer,
#page-feedback-complete footer,
#page-faq footer {
  padding: 0px 20px 20px;
  text-align: center;
}
#page-contact footer nav,
#page-contact-complete footer nav,
#page-feedback footer nav,
#page-feedback-complete footer nav,
#page-faq footer nav {
  float: none;
  margin: 0 0 20px;
}
#page-contact footer nav li,
#page-contact-complete footer nav li,
#page-feedback footer nav li,
#page-feedback-complete footer nav li,
#page-faq footer nav li {
  display: inline-block;
  font-size: 11px;
  margin: 0 0 0 10px;
}
#page-contact footer .footer-logo,
#page-contact-complete footer .footer-logo,
#page-feedback footer .footer-logo,
#page-feedback-complete footer .footer-logo,
#page-faq footer .footer-logo {
  float: none;
}
#page-contact footer .copyright,
#page-contact-complete footer .copyright,
#page-feedback footer .copyright,
#page-feedback-complete footer .copyright,
#page-faq footer .copyright {
  float: none;
  padding: 20px 0 0;
  text-align: center;
}

/*======================================================== */
/*  CONTACT STYLES */
/*======================================================== */
#page-contact .contact-form,
#page-contact-complete .contact-form,
#page-feedback .contact-form,
#page-feedback-complete .contact-form {
  min-height: calc(100vh - 504px);
  placeholder-shown-color: #8f8f8f;
  -ms-input-placeholder-color: #8f8f8f;
}
#page-contact .contact-form ::-webkit-input-placeholder,
#page-contact-complete .contact-form ::-webkit-input-placeholder,
#page-feedback .contact-form ::-webkit-input-placeholder,
#page-feedback-complete .contact-form ::-webkit-input-placeholder {
  color: #8f8f8f;
}
#page-contact .contact-form ::-moz-placeholder,
#page-contact-complete .contact-form ::-moz-placeholder,
#page-feedback .contact-form ::-moz-placeholder,
#page-feedback-complete .contact-form ::-moz-placeholder {
  color: #8f8f8f;
  opacity: 1;
}
#page-contact .contact-form input[type=text],
#page-contact .contact-form input[type=email],
#page-contact .contact-form textarea,
#page-contact-complete .contact-form input[type=text],
#page-contact-complete .contact-form input[type=email],
#page-contact-complete .contact-form textarea,
#page-feedback .contact-form input[type=text],
#page-feedback .contact-form input[type=email],
#page-feedback .contact-form textarea,
#page-feedback-complete .contact-form input[type=text],
#page-feedback-complete .contact-form input[type=email],
#page-feedback-complete .contact-form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 0;
  background: #e1e1e1;
  outline: none;
  padding: 12px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-size: 14px;
  color: #535353;
}
#page-contact .contact-form textarea,
#page-contact-complete .contact-form textarea,
#page-feedback .contact-form textarea,
#page-feedback-complete .contact-form textarea {
  height: 230px;
  resize: none;
}
#page-contact .contact-form .select-wrap,
#page-contact-complete .contact-form .select-wrap,
#page-feedback .contact-form .select-wrap,
#page-feedback-complete .contact-form .select-wrap {
  position: relative;
}
#page-contact .contact-form .select-wrap .inner,
#page-contact-complete .contact-form .select-wrap .inner,
#page-feedback .contact-form .select-wrap .inner,
#page-feedback-complete .contact-form .select-wrap .inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  z-index: 0;
  padding-top: 12px;
  padding-right: 22px;
  padding-bottom: 12px;
  padding-left: 12px;
  width: 100%;
  height: 40px;
  line-height: 1;
  background: url(/app/ex_assets/images/contact-select-arrow.png) no-repeat #e1e1e1 right 8px center;
}
#page-contact .contact-form .select-wrap .inner span.selected,
#page-contact-complete .contact-form .select-wrap .inner span.selected,
#page-feedback .contact-form .select-wrap .inner span.selected,
#page-feedback-complete .contact-form .select-wrap .inner span.selected {
  color: #535353;
}
#page-contact .contact-form .select-wrap select,
#page-contact-complete .contact-form .select-wrap select,
#page-feedback .contact-form .select-wrap select,
#page-feedback-complete .contact-form .select-wrap select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 40px;
  line-height: 40px;
  opacity: 0;
  -webkit-appearance: menulist-button;
  cursor: pointer;
}
#page-contact .contact-form .select-wrap.date_h-wrap, #page-contact .contact-form .select-wrap.date_m-wrap,
#page-contact-complete .contact-form .select-wrap.date_h-wrap,
#page-contact-complete .contact-form .select-wrap.date_m-wrap,
#page-feedback .contact-form .select-wrap.date_h-wrap,
#page-feedback .contact-form .select-wrap.date_m-wrap,
#page-feedback-complete .contact-form .select-wrap.date_h-wrap,
#page-feedback-complete .contact-form .select-wrap.date_m-wrap {
  width: 80px;
  display: inline-block;
  margin-left: 30px;
}
#page-contact .confirm-header,
#page-contact-complete .confirm-header,
#page-feedback .confirm-header,
#page-feedback-complete .confirm-header {
  text-align: center;
  width: 740px;
  margin: 0px auto 32px;
  font-size: 16px;
}
#page-contact .errors,
#page-contact-complete .errors,
#page-feedback .errors,
#page-feedback-complete .errors {
  width: 740px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d80303;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 36px;
  margin: 0 auto 40px;
}
#page-contact .errors ul li,
#page-contact-complete .errors ul li,
#page-feedback .errors ul li,
#page-feedback-complete .errors ul li {
  color: #d80303;
  margin-bottom: 4px;
  font-size: 12px;
}
#page-contact .errors ul li:last-child,
#page-contact-complete .errors ul li:last-child,
#page-feedback .errors ul li:last-child,
#page-feedback-complete .errors ul li:last-child {
  margin-bottom: 0;
}
#page-contact .form-block,
#page-contact-complete .form-block,
#page-feedback .form-block,
#page-feedback-complete .form-block {
  width: 740px;
  margin: 0 auto 64px;
}
#page-contact .form-block > h3.header-blue,
#page-contact-complete .form-block > h3.header-blue,
#page-feedback .form-block > h3.header-blue,
#page-feedback-complete .form-block > h3.header-blue {
  color: #2c94e4;
  font-size: 18px;
  margin-bottom: 10px !important;
}
#page-contact .form-block > .notice-red,
#page-contact-complete .form-block > .notice-red,
#page-feedback .form-block > .notice-red,
#page-feedback-complete .form-block > .notice-red {
  color: #c03636;
  font-size: 14px;
  margin-bottom: 25px;
}
#page-contact .form-block > .indent,
#page-contact-complete .form-block > .indent,
#page-feedback .form-block > .indent,
#page-feedback-complete .form-block > .indent {
  text-indent: -1em;
  padding-left: 1em;
}
#page-contact .form-block > h3,
#page-contact-complete .form-block > h3,
#page-feedback .form-block > h3,
#page-feedback-complete .form-block > h3 {
  margin-left: -8px;
  margin-bottom: 30px;
}
#page-contact .form-block > h3 > img,
#page-contact-complete .form-block > h3 > img,
#page-feedback .form-block > h3 > img,
#page-feedback-complete .form-block > h3 > img {
  vertical-align: middle;
}
#page-contact .form-block > h3 > span,
#page-contact-complete .form-block > h3 > span,
#page-feedback .form-block > h3 > span,
#page-feedback-complete .form-block > h3 > span {
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px;
  font-size: 12px;
  color: #d80303;
}
#page-contact .form-block:last-child,
#page-contact-complete .form-block:last-child,
#page-feedback .form-block:last-child,
#page-feedback-complete .form-block:last-child {
  margin-bottom: 0;
}
#page-contact .lead,
#page-contact-complete .lead,
#page-feedback .lead,
#page-feedback-complete .lead {
  margin-bottom: 30px;
}
#page-contact .form-list > li,
#page-contact-complete .form-list > li,
#page-feedback .form-list > li,
#page-feedback-complete .form-list > li {
  margin-bottom: 30px;
}
#page-contact .form-list > li:last-child,
#page-contact-complete .form-list > li:last-child,
#page-feedback .form-list > li:last-child,
#page-feedback-complete .form-list > li:last-child {
  margin-bottom: 0;
}
#page-contact .form-list > li dl dt,
#page-contact-complete .form-list > li dl dt,
#page-feedback .form-list > li dl dt,
#page-feedback-complete .form-list > li dl dt {
  font-size: 14px;
  line-height: 1;
  color: #2c94e4;
  margin-bottom: 10px;
}
#page-contact .form-list > li dl dt span,
#page-contact-complete .form-list > li dl dt span,
#page-feedback .form-list > li dl dt span,
#page-feedback-complete .form-list > li dl dt span {
  margin-left: 6px;
  font-size: 12px;
  color: #d80303;
}
#page-contact .form-list > li dl dd .confirm-text,
#page-contact-complete .form-list > li dl dd .confirm-text,
#page-feedback .form-list > li dl dd .confirm-text,
#page-feedback-complete .form-list > li dl dd .confirm-text {
  word-break: break-word;
}
#page-contact .form-list > li dl dd .attention,
#page-contact-complete .form-list > li dl dd .attention,
#page-feedback .form-list > li dl dd .attention,
#page-feedback-complete .form-list > li dl dd .attention {
  padding-top: 2px;
  font-size: 12px;
}
#page-contact .form-list > li > p.ex,
#page-contact-complete .form-list > li > p.ex,
#page-feedback .form-list > li > p.ex,
#page-feedback-complete .form-list > li > p.ex {
  width: 95%;
  font-size: 12px;
  text-indent: -1.5em;
  margin-left: 1.5em;
}
#page-contact .agree,
#page-contact-complete .agree,
#page-feedback .agree,
#page-feedback-complete .agree {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  width: 326px;
  margin: 0 auto 20px;
}
#page-contact .agree input[type="checkbox"],
#page-contact-complete .agree input[type="checkbox"],
#page-feedback .agree input[type="checkbox"],
#page-feedback-complete .agree input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
}
#page-contact .agree input[type="checkbox"]:checked + label:after,
#page-contact-complete .agree input[type="checkbox"]:checked + label:after,
#page-feedback .agree input[type="checkbox"]:checked + label:after,
#page-feedback-complete .agree input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
#page-contact .agree label,
#page-contact-complete .agree label,
#page-feedback .agree label,
#page-feedback-complete .agree label {
  -webkit-flex-basis: 24px;
  flex-basis: 24px;
  position: relative;
  margin-right: 15px;
}
#page-contact .agree label:before,
#page-contact-complete .agree label:before,
#page-feedback .agree label:before,
#page-feedback-complete .agree label:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #e1e1e1;
  border: 1px solid #999999;
}
#page-contact .agree label:after,
#page-contact-complete .agree label:after,
#page-feedback .agree label:after,
#page-feedback-complete .agree label:after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(/app/ex_assets/images/input-check.png) no-repeat center;
}
#page-contact .privacy-text,
#page-contact-complete .privacy-text,
#page-feedback .privacy-text,
#page-feedback-complete .privacy-text {
  margin-left: 67px;
  margin-bottom: 20px;
}
#page-contact .complete h3,
#page-contact-complete .complete h3,
#page-feedback .complete h3,
#page-feedback-complete .complete h3 {
  text-align: center;
}
#page-contact .complete h4,
#page-contact-complete .complete h4,
#page-feedback .complete h4,
#page-feedback-complete .complete h4 {
  text-align: center;
  color: #2c94e4;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px;
}
#page-contact .complete .cluster,
#page-contact-complete .complete .cluster,
#page-feedback .complete .cluster,
#page-feedback-complete .complete .cluster {
  padding: 28px 90px 60px;
}
#page-contact .complete .cluster p,
#page-contact-complete .complete .cluster p,
#page-feedback .complete .cluster p,
#page-feedback-complete .complete .cluster p {
  line-height: 1.8em;
  margin-bottom: 20px;
}
#page-contact .complete .cluster p:last-of-type,
#page-contact-complete .complete .cluster p:last-of-type,
#page-feedback .complete .cluster p:last-of-type,
#page-feedback-complete .complete .cluster p:last-of-type {
  margin-bottom: 0;
}
#page-contact .complete .cluster p.red,
#page-contact-complete .complete .cluster p.red,
#page-feedback .complete .cluster p.red,
#page-feedback-complete .complete .cluster p.red {
  color: #c03636;
}

/*======================================================== */
/*  FAQ STYLES */
/*======================================================== */
#page-faq .box {
  padding: 0 70px;
}
#page-faq .lead {
  margin-bottom: 40px;
}
#page-faq .lead a {
  color: #ffb400;
}
#page-faq .lead a:hover {
  text-decoration: underline;
}
#page-faq .form-area {
  margin: 0 auto 60px;
}
#page-faq .form-area > p {
  margin-bottom: 5px;
}
#page-faq .form-area .search {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 15px;
  font-size: 0;
}
#page-faq .form-area .search input[type=text] {
  placeholder-shown-color: #bbb;
  -ms-input-placeholder-color: #bbb;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 589px;
  border: 0;
  background: #e1e1e1;
  outline: none;
  padding: 0 12px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-size: 14px;
}
#page-faq .form-area .search input[type=text] ::-webkit-input-placeholder {
  color: #bbb;
}
#page-faq .form-area .search input[type=text] ::-moz-placeholder {
  color: #bbb;
  opacity: 1;
}
#page-faq .no-restult {
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d80303;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 40px;
  padding: 10px;
  color: #d80303;
  line-height: 1;
}
#page-faq .no-restult.active {
  display: block;
}
#page-faq .tab {
  margin-bottom: 30px;
}
#page-faq .tab.search {
  display: none;
}
#page-faq .tab ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: left;
  justify-content: left;
  margin: 0 -6px;
}
#page-faq .tab ul li {
  width: calc(100% / 3);
  padding: 0 6px;
}
#page-faq .tab ul li a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px;
  border-radius: 6px 6px 0 0;
  display: block;
  height: 40px;
  background: #2c94e4;
  padding: 10px;
  text-align: center;
  color: #fff;
}
#page-faq .tab ul li a:hover {
  background: #5fa1d4;
}
#page-faq .tab ul li a.active {
  border-top: 3px solid #2c94e4;
  border-right: 3px solid #2c94e4;
  border-left: 3px solid #2c94e4;
  background: transparent;
  color: #535353;
}
#page-faq .faq-list {
  display: none;
}
#page-faq .faq-list.active {
  display: block;
}
#page-faq .faq-list h4 {
  margin-top: 30px;
  margin-bottom: 24px;
}
#page-faq .faq-list .faq:last-child {
  margin-bottom: 0;
}
#page-faq .faq-list .faq li {
  margin-bottom: 12px;
}
#page-faq .faq-list .faq li dl dt {
  position: relative;
}
#page-faq .faq-list .faq li dl dt a {
  display: block;
  padding: 8px 50px 8px 15px;
  background: #cce9ff;
  color: #535353;
}
#page-faq .faq-list .faq li dl dt a:hover {
  color: #535353;
}
#page-faq .faq-list .faq li dl dt a:after {
  display: block;
  content: "";
  width: 23px;
  height: 23px;
  position: absolute;
  top: 50%;
  right: 5px;
  background: url(/app/ex_assets/images/faq-open-arrow.png) no-repeat;
  background-position: left bottom;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}
#page-faq .faq-list .faq li dl dt a.opened:after {
  background-position: left top;
}
#page-faq .faq-list .faq li dl dd {
  display: none;
  padding: 22px 15px;
}
#page-faq .faq-list .faq li dl dd p {
  margin-bottom: 16px;
}
#page-faq .faq-list .faq li dl dd.opened {
  display: block;
}
#page-faq .faq-list.search {
  display: block;
}
#page-faq .faq-list.search h4 {
  display: none;
}
#page-faq .faq-list.search .faq li {
  display: none;
}
#page-faq .faq-list.search .faq li.search-active {
  display: block;
}
#page-faq .contact-boxes {
  display: flex;
  justify-content: space-between;
  width: 740px;
}
#page-faq .contact-boxes #contact_faq_box2 h3 {
  margin-bottom: 24px;
}
#page-faq .contact-boxes .contact-box {
  width: 360px;
  background: #e7f3f9;
  padding: 15px 0 40px;
  margin-top: 36px;
  margin-bottom: 20px;
}
#page-faq .contact-boxes .contact-box h3 {
  text-align: center;
  padding: 4px 0;
  font-size: 23px;
  font-weight: normal;
  margin-bottom: 15px;
}
#page-faq .contact-boxes .contact-box .cluster {
  padding: 0 20px;
}
#page-faq .contact-boxes .contact-box .cluster .btn-center {
  padding: 24px 0;
}
#page-faq .contact-boxes .contact-box .cluster ul.btnul {
  padding: 24px 0;
  font-size: 0px;
  text-align: center;
}
#page-faq .contact-boxes .contact-box .cluster ul.btnul li {
  display: inline-block;
}
#page-faq .contact-boxes .contact-box .cluster ul.indentive-ul li {
  text-indent: -1em;
  padding-left: 1em;
}

/*======================================================== */
/*  PRE REGISTRATION STYLES */
/*======================================================== */
#page-pre-registration a,
#page-pre-registration-complete a {
  color: #f6659c;
  text-decoration: underline;
}
#page-pre-registration a:hover,
#page-pre-registration-complete a:hover {
  color: #f6659c;
  text-decoration: none;
}
#page-pre-registration .mCSB_draggerRail,
#page-pre-registration-complete .mCSB_draggerRail {
  width: 6px;
  background-color: #fff;
}
#page-pre-registration .mCSB_dragger_bar,
#page-pre-registration-complete .mCSB_dragger_bar {
  width: 6px;
  background-color: #3b9ae5;
}
#page-pre-registration #wrapper,
#page-pre-registration-complete #wrapper {
  background: url(/app/ex_assets/images/regist-bg.png) no-repeat center 0 #e4f2f6;
  background-attachment: fixed;
}
#page-pre-registration .page-header,
#page-pre-registration-complete .page-header {
  width: 1060px;
  margin: 0 auto;
  height: auto;
  background-image: none;
  background-color: transparent !important;
}
#page-pre-registration .page-header .logo,
#page-pre-registration-complete .page-header .logo {
  z-index: 10;
  float: none;
  position: relative;
  padding: 5px 0 0;
}
#page-pre-registration .page-header .regist-main-title,
#page-pre-registration-complete .page-header .regist-main-title {
  z-index: 10;
  float: none;
  position: relative;
  padding: 50px 0 0;
  text-align: right;
}
#page-pre-registration .page-header .key-chars,
#page-pre-registration-complete .page-header .key-chars {
  position: absolute;
  top: 0;
  left: 50%;
  -moz-transform: translateX(-750px);
  -ms-transform: translateX(-750px);
  -webkit-transform: translateX(-750px);
  transform: translateX(-750px);
}
#page-pre-registration .page-header > ul,
#page-pre-registration-complete .page-header > ul {
  z-index: 10;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  -moz-transform: translateX(245px);
  -ms-transform: translateX(245px);
  -webkit-transform: translateX(245px);
  transform: translateX(245px);
  margin-top: 20px;
}
#page-pre-registration .page-header > ul > li,
#page-pre-registration-complete .page-header > ul > li {
  margin-left: 2px;
  margin-right: 2px;
}
#page-pre-registration .page-header > ul > li > a,
#page-pre-registration-complete .page-header > ul > li > a {
  display: block;
}
#page-pre-registration .page-header .upper-totop,
#page-pre-registration-complete .page-header .upper-totop {
  position: absolute;
  top: 31px;
  left: 50%;
  -moz-transform: translateX(150px);
  -ms-transform: translateX(150px);
  -webkit-transform: translateX(150px);
  transform: translateX(150px);
  z-index: 10;
}
#page-pre-registration .page-footer,
#page-pre-registration-complete .page-footer {
  padding: 15px 0 25px;
  background-color: #fff;
  text-align: center;
}
#page-pre-registration .page-footer > nav,
#page-pre-registration-complete .page-footer > nav {
  float: none;
  margin-bottom: 25px;
}
#page-pre-registration .page-footer > nav > ul,
#page-pre-registration-complete .page-footer > nav > ul {
  font-size: 0;
}
#page-pre-registration .page-footer > nav > ul > li,
#page-pre-registration-complete .page-footer > nav > ul > li {
  margin-left: 0;
}
#page-pre-registration .page-footer > nav > ul > li > a,
#page-pre-registration-complete .page-footer > nav > ul > li > a {
  font-size: 12px;
  color: #535353;
  text-decoration: none;
}
#page-pre-registration .page-footer > nav > ul > li:after,
#page-pre-registration-complete .page-footer > nav > ul > li:after {
  content: "|";
  margin: 0 10px;
}
#page-pre-registration .page-footer > nav > ul > li:last-child:after,
#page-pre-registration-complete .page-footer > nav > ul > li:last-child:after {
  content: none;
}
#page-pre-registration .page-footer .page-footer-logo,
#page-pre-registration-complete .page-footer .page-footer-logo {
  margin-bottom: 20px;
}
#page-pre-registration .page-footer .page-footer-copyright,
#page-pre-registration-complete .page-footer .page-footer-copyright {
  font-size: 12px;
}
#page-pre-registration .promotion,
#page-pre-registration-complete .promotion {
  position: relative;
  width: 1060px;
  margin: 0 auto 30px;
}
#page-pre-registration .promotion-top,
#page-pre-registration-complete .promotion-top {
  margin-top: -75px;
}
#page-pre-registration .promotion .promotion-present,
#page-pre-registration-complete .promotion .promotion-present {
  margin-bottom: 10px;
}
#page-pre-registration .promotion .promotion-registration,
#page-pre-registration-complete .promotion .promotion-registration {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 231px;
  padding-top: 38px;
  background: url(/app/ex_assets/images/regist-promo-bg.png) no-repeat center top;
}
#page-pre-registration .promotion .promotion-registration > h2,
#page-pre-registration-complete .promotion .promotion-registration > h2 {
  margin-bottom: 5px;
  text-align: center;
}
#page-pre-registration .promotion .promotion-registration > ul,
#page-pre-registration-complete .promotion .promotion-registration > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
#page-pre-registration .promotion .promotion-registration > ul > li,
#page-pre-registration-complete .promotion .promotion-registration > ul > li {
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 7px;
}
#page-pre-registration .promotion .promotion-registration > ul > li:last-child,
#page-pre-registration-complete .promotion .promotion-registration > ul > li:last-child {
  -webkit-flex-basis: 374px;
  flex-basis: 374px;
  background-color: #e7eff1;
  -moz-border-radius: 48px;
  -webkit-border-radius: 48px;
  border-radius: 48px;
}
#page-pre-registration .promotion .promotion-registration > ul > li:last-child > p,
#page-pre-registration-complete .promotion .promotion-registration > ul > li:last-child > p {
  text-align: center;
}
#page-pre-registration .promotion .promotion-registration > ul > li:last-child > ul,
#page-pre-registration-complete .promotion .promotion-registration > ul > li:last-child > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
#page-pre-registration .promotion .promotion-registration > ul > li:last-child > ul > li,
#page-pre-registration-complete .promotion .promotion-registration > ul > li:last-child > ul > li {
  margin-left: 5px;
  margin-right: 5px;
}
#page-pre-registration .jewel,
#page-pre-registration-complete .jewel {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1060px;
  margin: 0 auto 30px;
  padding: 50px 0 60px;
  background-color: #fff;
  -moz-border-radius: 48px;
  -webkit-border-radius: 48px;
  border-radius: 48px;
}
#page-pre-registration .jewel > h2,
#page-pre-registration-complete .jewel > h2 {
  margin-bottom: 40px;
  text-align: center;
}
#page-pre-registration .jewel > ul,
#page-pre-registration-complete .jewel > ul {
  width: 869px;
  margin: 0 auto;
  font-size: 0px;
}
#page-pre-registration .jewel > ul li,
#page-pre-registration-complete .jewel > ul li {
  margin-bottom: 19px;
}
#page-pre-registration .jewel > ul li:last-child,
#page-pre-registration-complete .jewel > ul li:last-child {
  margin-bottom: 0px;
}
#page-pre-registration .sign,
#page-pre-registration-complete .sign {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1060px;
  margin: 0 auto 30px;
  padding: 50px 80px 60px;
  background-color: #fff;
  -moz-border-radius: 48px;
  -webkit-border-radius: 48px;
  border-radius: 48px;
}
#page-pre-registration .sign > h2,
#page-pre-registration .sign > p,
#page-pre-registration-complete .sign > h2,
#page-pre-registration-complete .sign > p {
  margin-bottom: 40px;
  text-align: center;
}
#page-pre-registration .sign .sign-post,
#page-pre-registration-complete .sign .sign-post {
  margin-bottom: 40px;
  text-align: center;
}
#page-pre-registration .sign .sign-post > p,
#page-pre-registration-complete .sign .sign-post > p {
  margin-top: 10px;
}
#page-pre-registration .sign .opener .accordion-open,
#page-pre-registration-complete .sign .opener .accordion-open {
  background: #27aaf4;
  height: 47px;
  width: 100%;
  display: block;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
}
#page-pre-registration .sign .opener .accordion-open:hover,
#page-pre-registration-complete .sign .opener .accordion-open:hover {
  opacity: 0.8;
}
#page-pre-registration .sign dl dt,
#page-pre-registration-complete .sign dl dt {
  margin-bottom: 10px;
  font-size: 22px;
  color: #27aaf4;
  text-indent: -0.5em;
}
#page-pre-registration .sign dl dd,
#page-pre-registration-complete .sign dl dd {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 1.8;
}
#page-pre-registration .sign dl dd .scroll-area,
#page-pre-registration-complete .sign dl dd .scroll-area {
  height: 195px;
  margin-top: 30px;
  padding: 20px;
  background-color: #f7f7f7;
  font-size: 14px;
}
#page-pre-registration .sign dl dd > ul,
#page-pre-registration-complete .sign dl dd > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}
#page-pre-registration .sign dl dd > ul > li,
#page-pre-registration-complete .sign dl dd > ul > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-basis: calc(100% / 3);
  flex-basis: calc(100% / 3);
  margin-bottom: 15px;
  padding: 0 10px;
}
#page-pre-registration .sign dl dd > ul > li > a,
#page-pre-registration-complete .sign dl dd > ul > li > a {
  color: #535353;
  font-size: 14px;
}
#page-pre-registration .sign#genga h2,
#page-pre-registration-complete .sign#genga h2 {
  margin-left: -12px;
}
#page-pre-registration .pre-registration-form,
#page-pre-registration-complete .pre-registration-form {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1060px;
  margin: 0 auto 80px;
  padding: 50px 80px 60px;
  background-color: #fff;
  -moz-border-radius: 48px;
  -webkit-border-radius: 48px;
  border-radius: 48px;
}
#page-pre-registration .pre-registration-form > h2,
#page-pre-registration-complete .pre-registration-form > h2 {
  margin-bottom: 40px;
  text-align: center;
}
#page-pre-registration .pre-registration-form > h3,
#page-pre-registration-complete .pre-registration-form > h3 {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: bold;
  color: #27aaf4;
  text-align: center;
}
#page-pre-registration .pre-registration-form .form-area,
#page-pre-registration-complete .pre-registration-form .form-area {
  width: 810px;
  margin: 0 auto 60px;
}
#page-pre-registration .pre-registration-form .form-area .sys-error,
#page-pre-registration-complete .pre-registration-form .form-area .sys-error {
  border: 1px solid #f00;
  color: #f00;
  padding: 30px;
  margin-top: 30px;
}
#page-pre-registration .pre-registration-form .form-area .agree,
#page-pre-registration-complete .pre-registration-form .form-area .agree {
  display: -webkit-flex;
  display: flex;
  position: relative;
  margin-bottom: 20px;
}
#page-pre-registration .pre-registration-form .form-area .agree input[type="checkbox"],
#page-pre-registration-complete .pre-registration-form .form-area .agree input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
}
#page-pre-registration .pre-registration-form .form-area .agree input[type="checkbox"]:checked + label:after,
#page-pre-registration-complete .pre-registration-form .form-area .agree input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
#page-pre-registration .pre-registration-form .form-area .agree label,
#page-pre-registration-complete .pre-registration-form .form-area .agree label {
  -webkit-flex-basis: 24px;
  flex-basis: 24px;
  position: relative;
  margin-right: 20px;
}
#page-pre-registration .pre-registration-form .form-area .agree label:before,
#page-pre-registration-complete .pre-registration-form .form-area .agree label:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #f2f2f2;
}
#page-pre-registration .pre-registration-form .form-area .agree label:after,
#page-pre-registration-complete .pre-registration-form .form-area .agree label:after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(/app/ex_assets/images/input-check.png) no-repeat center;
}
#page-pre-registration .pre-registration-form .form-area .input,
#page-pre-registration-complete .pre-registration-form .form-area .input {
  display: -webkit-flex;
  display: flex;
}
#page-pre-registration .pre-registration-form .form-area .input > p,
#page-pre-registration-complete .pre-registration-form .form-area .input > p {
  -webkit-flex-basis: 539px;
  flex-basis: 539px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 12px;
  placeholder-shown-color: #bbb;
  -ms-input-placeholder-color: #bbb;
}
#page-pre-registration .pre-registration-form .form-area .input > p ::-webkit-input-placeholder,
#page-pre-registration-complete .pre-registration-form .form-area .input > p ::-webkit-input-placeholder {
  color: #bbb;
}
#page-pre-registration .pre-registration-form .form-area .input > p ::-moz-placeholder,
#page-pre-registration-complete .pre-registration-form .form-area .input > p ::-moz-placeholder {
  color: #bbb;
  opacity: 1;
}
#page-pre-registration .pre-registration-form .form-area .input > p input[type=text],
#page-pre-registration .pre-registration-form .form-area .input > p input[type=email],
#page-pre-registration-complete .pre-registration-form .form-area .input > p input[type=text],
#page-pre-registration-complete .pre-registration-form .form-area .input > p input[type=email] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 20px;
  background: #f2f2f2;
  -moz-border-radius: 27px;
  -webkit-border-radius: 27px;
  border-radius: 27px;
  font-size: 18px;
  color: #535353;
}
#page-pre-registration .pre-registration-form .scroll-area,
#page-pre-registration-complete .pre-registration-form .scroll-area {
  height: 425px;
  padding: 20px;
  background-color: #f7f7f7;
  line-height: 1.8;
}
#page-pre-registration .complete,
#page-pre-registration-complete .complete {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1060px;
  margin: 65px auto 80px;
  padding: 60px 0;
  background-color: rgba(255, 255, 255, 0.8);
  -moz-border-radius: 48px;
  -webkit-border-radius: 48px;
  border-radius: 48px;
  text-align: center;
}
#page-pre-registration .complete > h2,
#page-pre-registration-complete .complete > h2 {
  margin-bottom: 40px;
}
#page-pre-registration .complete > p,
#page-pre-registration-complete .complete > p {
  margin-bottom: 30px;
}
#page-pre-registration .complete > ul,
#page-pre-registration-complete .complete > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 40px;
}
#page-pre-registration .complete > ul > li,
#page-pre-registration-complete .complete > ul > li {
  margin: 0 10px;
}
#page-pre-registration .complete p.complete-bluetext,
#page-pre-registration-complete .complete p.complete-bluetext {
  color: #27aaf4;
  font-weight: bold;
  font-size: 24px;
  text-shadow: 0px 0px 6px #fff;
}
#page-pre-registration .fancybox-close,
#page-pre-registration-complete .fancybox-close {
  width: 55px;
  height: 55px;
  background: url(/app/ex_assets/images/btn-close.png) no-repeat center top;
}
#page-pre-registration .fancybox-close:hover,
#page-pre-registration-complete .fancybox-close:hover {
  background-position: center bottom;
}
#page-pre-registration .fancybox-inner,
#page-pre-registration-complete .fancybox-inner {
  background: #fff;
  border: 1px solid #dcdcdc;
}

#page-pre-registration .promotion {
  position: relative;
  width: 1090px;
  margin: 0 auto 30px;
}
#page-pre-registration .promotion-top {
  margin-top: 0;
}
#page-pre-registration .promotion .promotion-present4 {
  width: 980px;
  margin: 0 auto 10px;
}
#page-pre-registration .promotion .promotion-present5 {
  margin: 0 auto 10px;
}
#page-pre-registration footer {
  background: #fff;
}
#page-pre-registration footer .sns-btns {
  z-index: 10;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 50px;
}
#page-pre-registration footer .sns-btns > li {
  margin: 0 12px;
}
#page-pre-registration footer .sns-btns > li > a {
  display: block;
}
#page-pre-registration footer nav a {
  color: #717171;
}
#page-pre-registration footer nav a:hover {
  color: #79bbee;
}