@charset "UTF-8";
/***** ゴシック 300/400/700 *****/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap");
/***** 英語タイトル用 *****/
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&display=swap");
/***** 数字用 *****/
@import url("https://fonts.googleapis.com/css2?family=Arvo&display=swap");
/*
トンマナ変更のため、色味を変更
$blue_grad_color : linear-gradient(90deg, #2974DB, #2F9EF2);
$blue_grad_color_reverse : linear-gradient(90deg, #2F9EF2, #2974DB);
*/
/*
 * reset系など共通スタイル
 */
#screen-set-container .gigya-screen .gigya-label-text, #screen-set-container .gigya-screen .gigya-legend-text, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-label, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-header-text, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-label, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-subtext, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-text, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-phonenumber, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-header-text, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-number, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-example, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type span, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-header-text, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type span, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-yourphone,
#screen-set-container .gigya-label-pasmo-notes p,
#screen-set-container .gigya-label-family-seibuid-notes,
#screen-set-container label.gigya-composite-control {
  color: #333333 !important;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-size: 16px !important;
  font-weight: normal;
  line-height: 25px !important;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .gigya-screen .gigya-label-text, #screen-set-container .gigya-screen .gigya-legend-text, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-label, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-header-text, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-label, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-subtext, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-text, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-phonenumber, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-header-text, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-number, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-example, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type span, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-header-text, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type span, #screen-set-container .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-yourphone,
  #screen-set-container .gigya-label-pasmo-notes p,
  #screen-set-container .gigya-label-family-seibuid-notes,
  #screen-set-container label.gigya-composite-control {
    font-size: 0.875rem !important;
  }
}
#screen-set-container .--block-wrapper {
  display: block;
  width: 100%;
}
#screen-set-container .--block-wrapper span {
  display: inline-block;
}
#screen-set-container .--column2-wrapper .gigya-label {
  padding-bottom: 6px;
}
#screen-set-container .--hidden {
  display: none !important;
}
#screen-set-container .wrapping-test-container {
  background: #ccc;
  padding: 5px;
}
#screen-set-container .gigya-composite-control-checkbox {
  padding-bottom: 25px;
}
#screen-set-container .gigya-composite-control-checkbox .gigya-label {
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial;
  width: auto;
}
#screen-set-container .gigya-composite-control {
  margin-bottom: 25px;
  padding-bottom: 0;
}
#screen-set-container .gigya-composite-control.--margin-s {
  margin-bottom: 10px;
}
#screen-set-container .gigya-multi-choice-item {
  margin-bottom: 10px;
  padding-top: 0;
}
#screen-set-container .modal-body {
  -webkit-box-sizing: border-box;
  background: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  display: block;
  height: calc(100vh - 80px);
  overflow: hidden;
  padding: 30px;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .modal-body {
    padding: 30px 15px;
    width: 100%;
  }
}
#screen-set-container .modal-content {
  background: none;
  border: none;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .modal-content {
    padding: 20px 5px;
  }
}
#screen-set-container .modal-content label {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-size: 1rem;
  line-height: 1.625;
  word-break: break-all;
}
#screen-set-container .modal-content label h2 {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: left;
}
#screen-set-container .modal-wrapper {
  height: 100%;
  overflow-y: scroll;
}
#screen-set-container ::-webkit-scrollbar {
  width: 4px;
}
#screen-set-container ::-webkit-scrollbar-track {
  background-color: #fff;
}
#screen-set-container ::-webkit-scrollbar-thumb {
  background-color: #333;
}
#screen-set-container .gigya-input-has-card-flag .gigya-error-msg.gigya-error-msg-active {
  background-color: #FAF2F2;
  border-radius: 12px;
  color: #E23A63;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-size: 1rem;
  margin-bottom: 40px;
  margin-top: 25px;
  padding: 25px;
  text-align: left;
}

#gigya-login-screen,
#gigya-forgot-password-screen,
#gigya-forgot-password-success-screen,
#gigya-email-code-verification-screen,
#gigya-reset-password-screen,
#gigya-reset-password-success-screen {
  max-width: 800px !important;
  padding-left: 0;
  padding-right: 0;
  width: calc(100% - 32px);
}

#gigya-email-code-verification-screen .gigya-label-text {
  display: block;
  text-align: left;
}
#gigya-email-code-verification-screen .gigya-layout-row .gigya-link-resend-code {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 60px;
}
#gigya-email-code-verification-screen .gigya-layout-row .gigya-link-resend-code a {
  color: #2974DB;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-weight: normal;
}
#gigya-email-code-verification-screen .gigya-composite-control.gigya-composite-control-header.gigya-header-didnt-get-the-code {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #E8F8FF;
  border-radius: 8px;
  color: #2974DB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.125rem;
  font-weight: 700;
  height: 50px;
  margin: auto;
  margin-bottom: 16px;
  max-width: 776px;
  padding-left: 24px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #gigya-email-code-verification-screen .gigya-composite-control.gigya-composite-control-header.gigya-header-didnt-get-the-code {
    border-radius: 0;
    font-size: 1rem;
    height: 44px;
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
#gigya-email-code-verification-screen .gigya-composite-control.gigya-composite-control-label.gigya-label-didnt-get-the-code-notes {
  margin: 0 auto 42px;
  max-width: 800px;
  padding-bottom: 80px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #gigya-email-code-verification-screen .gigya-composite-control.gigya-composite-control-label.gigya-label-didnt-get-the-code-notes {
    margin: 16px 0;
  }
}
#gigya-email-code-verification-screen .gigya-composite-control.gigya-composite-control-label.gigya-label-didnt-get-the-code-notes ul {
  list-style: disc;
  margin: 0 0.5em 16px;
}
#gigya-email-code-verification-screen .gigya-composite-control.gigya-composite-control-label.gigya-label-didnt-get-the-code-notes ul li {
  margin-left: 1em;
}
#gigya-email-code-verification-screen .gigya-composite-control.gigya-composite-control-label.gigya-label-didnt-get-the-code-notes ul li:nth-child(n+2) {
  margin-top: 15px;
}
@media only screen and (max-width: 768px) {
  #gigya-email-code-verification-screen .gigya-composite-control.gigya-composite-control-label.gigya-label-didnt-get-the-code-notes ul li {
    font-size: 14px;
  }
}

#gigya-forgot-password-success-screen .gigya-input-email {
  margin-bottom: 40px;
}
#gigya-forgot-password-success-screen .gigya-message .main-text {
  padding-left: 0;
}

#gigya-forgot-password-screen .gigya-input-email {
  margin-bottom: 40px;
}
#gigya-forgot-password-screen .gigya-composite-control-label {
  display: block;
}

/*
 * 流用CSSを取り込み
 */
/*
* 不足情報登録画面
*/
#gigya-complete-registration-screen {
  max-width: 886px !important;
  overflow: hidden;
}

#gigya-complete-registration-screen #register-site-login {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  #gigya-complete-registration-screen .gigya-privacy-policy {
    display: inline-block;
    width: 90%;
  }
}
#gigya-complete-registration-screen a.gigya-privacy-policy,
#gigya-complete-registration-screen a.gigya-terms-of-use {
  text-decoration: underline;
}

#gigya-complete-registration-screen .gigya-composite-control.gigya-checkbox-terms-error {
  -webkit-box-sizing: border-box;
  border: none;
  box-sizing: border-box;
  padding: 0 0 15px 20px;
  position: static;
}

#gigya-complete-registration-screen label.gigya-error-msg-zip-code {
  color: #E23A63 !important;
  font-size: 0.875rem !important;
  text-align: left;
}

#gigya-complete-registration-screen .gender-columns {
  -ms-flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#gigya-complete-registration-screen .gender-columns .gigya-multi-choice-item {
  margin-left: 0;
  width: 49%;
}

@media only screen and (max-width: 768px) {
  #gigya-complete-registration-screen .gender-columns .gigya-multi-choice-item {
    width: 100%;
  }
}
#gigya-complete-registration-screen .gigya-input-zip .gigya-input-submit {
  padding: 3px 0;
}

#gigya-complete-registration-screen .u-layout-columns {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

#gigya-complete-registration-screen .u-layout-columns3 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
}

#gigya-complete-registration-screen .u-layout-left {
  margin-left: 0;
  width: 49%;
}

@media only screen and (max-width: 768px) {
  #gigya-complete-registration-screen .u-layout-left {
    width: 48%;
  }
}
#gigya-complete-registration-screen .u-layout-right {
  margin-right: 0;
  width: 49%;
}

@media only screen and (max-width: 768px) {
  #gigya-complete-registration-screen .u-layout-right {
    width: 48%;
  }
}
#gigya-complete-registration-screen .u-layout-left3 {
  margin: 0;
  width: 20%;
}

@media only screen and (max-width: 768px) {
  #gigya-complete-registration-screen .u-layout-left3 {
    width: 35%;
  }
}
#gigya-complete-registration-screen .u-layout-center3 {
  margin: 0;
  width: 12%;
}

@media only screen and (max-width: 768px) {
  #gigya-complete-registration-screen .u-layout-center3 {
    width: 30%;
  }
}
#gigya-complete-registration-screen .u-layout-right3 {
  margin: 0;
  width: 12%;
}

@media only screen and (max-width: 768px) {
  #gigya-complete-registration-screen .u-layout-right3 {
    width: 30%;
  }
}
#gigya-complete-registration-screen .u-layout-column-label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 0 30px 0;
  padding: 0 10px;
}

#gigya-complete-registration-screen .u-layout-column-label.--last {
  margin-right: auto;
}

#gigya-complete-registration-screen .u-layout-indent {
  padding-left: 20px;
}

#gigya-complete-registration-screen .u-width__120px {
  width: 120px;
}

#gigya-complete-registration-screen .u-margin__left0 {
  margin-left: 0;
}

#gigya-complete-registration-screen .u-margin__bottom0 {
  margin-bottom: 0 !important;
}

#gigya-complete-registration-screen .u-margin__bottom3 {
  margin-bottom: 3px;
}

#gigya-complete-registration-screen .u-margin__bottom10 {
  margin-bottom: 10px;
}

#gigya-complete-registration-screen .u-padding__bottom6 {
  padding-bottom: 6px;
}

#gigya-complete-registration-screen .modal-container .modal-body {
  padding: 40px 10px;
}

@media only screen and (max-width: 768px) {
  #gigya-complete-registration-screen .modal-container .modal-body {
    padding: 16px 8px;
  }
}
#gigya-complete-registration-screen .modal-container .modal-body .modal-content {
  padding: 0 20px;
}

@media only screen and (max-width: 768px) {
  #gigya-complete-registration-screen .modal-container .modal-body .modal-content {
    padding: 0 8px;
  }
}
#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2,
#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3 {
  margin: 2em 0 0 0;
}

#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2:first-child,
#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3:first-child {
  margin: 0;
}

#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2 > span {
  font-size: 1.75rem;
  font-weight: 700;
}

@media only screen and (max-width: 768px) {
  #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2 > span {
    font-size: 1.25rem;
  }
}
#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3 > span {
  border-left: 3px solid #2974DB;
  font-size: 1.5rem;
  font-weight: 700;
  padding-left: 15px;
}

@media only screen and (max-width: 768px) {
  #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3 > span {
    font-size: 1.125rem;
    padding-left: 12px;
  }
}
#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label p {
  margin: 1em 0;
}

#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-list-num {
  margin: 16px 0 16px 2.5em;
}

#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-list-brackets {
  margin: 16px 0 16px 2.5em;
}

#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2,
#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3 {
  margin: 2em 0 0 0;
}

#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2:first-child,
#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3:first-child {
  margin: 0;
}

#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2 > span {
  font-size: 1.75rem;
  font-weight: 700;
}

@media only screen and (max-width: 768px) {
  #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2 > span {
    font-size: 1.25rem;
  }
}
#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3 > span {
  border-left: 3px solid #2974DB;
  font-size: 1.5rem;
  font-weight: 700;
  padding-left: 15px;
}

@media only screen and (max-width: 768px) {
  #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3 > span {
    font-size: 1.125rem;
    padding-left: 12px;
  }
}
#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label p {
  margin: 1em 0;
}

#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-list-num {
  margin: 16px 0 16px 2.5em;
}

@media only screen and (max-width: 768px) {
  #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-list-num {
    margin: 16px 0 16px 2em;
  }
}
#gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-list-brackets {
  margin: 16px 0 16px 2.5em;
}

#gigya-complete-registration-screen #screen-set-container .gigya-required-display {
  display: block !important;
}

#gigya-complete-registration-screen .gigya-required-display {
  display: block;
}

#gigya-complete-registration-screen label.gigya-recommend::before {
  display: block;
}

#gigya-complete-registration-screen.gigya-screen.portrait {
  width: auto;
}

#gigya-login-screen .gigya-input-loginId-email .gigya-label-text,
#gigya-login-screen .gigya-input-passwd .gigya-label-text {
  font-weight: 700 !important;
}

#gigya-register-screen, #gigya-complete-registration-screen {
  max-width: 886px !important;
  overflow: hidden;
}
#gigya-register-screen #register-site-login, #gigya-complete-registration-screen #register-site-login {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #gigya-register-screen .gigya-privacy-policy, #gigya-complete-registration-screen .gigya-privacy-policy {
    display: inline-block;
    width: 90%;
  }
}
#gigya-register-screen a.gigya-privacy-policy,
#gigya-register-screen a.gigya-terms-of-use, #gigya-complete-registration-screen a.gigya-privacy-policy,
#gigya-complete-registration-screen a.gigya-terms-of-use {
  text-decoration: underline;
}
#gigya-register-screen .gigya-composite-control.gigya-checkbox-terms-error, #gigya-complete-registration-screen .gigya-composite-control.gigya-checkbox-terms-error {
  -webkit-box-sizing: border-box;
  border: none;
  box-sizing: border-box;
  padding: 0 0 15px 20px;
  position: static;
}
#gigya-register-screen label.gigya-error-msg-zip-code, #gigya-complete-registration-screen label.gigya-error-msg-zip-code {
  color: #E23A63 !important;
  font-size: 0.875rem !important;
  text-align: left;
}
#gigya-register-screen .gender-columns, #gigya-complete-registration-screen .gender-columns {
  -ms-flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#gigya-register-screen .gender-columns .gigya-multi-choice-item, #gigya-complete-registration-screen .gender-columns .gigya-multi-choice-item {
  margin-left: 0;
  width: 49%;
}
@media only screen and (max-width: 768px) {
  #gigya-register-screen .gender-columns .gigya-multi-choice-item, #gigya-complete-registration-screen .gender-columns .gigya-multi-choice-item {
    width: 100%;
  }
}
#gigya-register-screen .gigya-input-zip .gigya-input-submit, #gigya-complete-registration-screen .gigya-input-zip .gigya-input-submit {
  padding: 3px 0;
}
#gigya-register-screen .u-layout-columns, #gigya-complete-registration-screen .u-layout-columns {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
#gigya-register-screen .u-layout-columns3, #gigya-complete-registration-screen .u-layout-columns3 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
}
#gigya-register-screen .u-layout-left, #gigya-complete-registration-screen .u-layout-left {
  margin-left: 0;
  width: 49%;
}
@media only screen and (max-width: 768px) {
  #gigya-register-screen .u-layout-left, #gigya-complete-registration-screen .u-layout-left {
    width: 48%;
  }
}
#gigya-register-screen .u-layout-right, #gigya-complete-registration-screen .u-layout-right {
  margin-right: 0;
  width: 49%;
}
@media only screen and (max-width: 768px) {
  #gigya-register-screen .u-layout-right, #gigya-complete-registration-screen .u-layout-right {
    width: 48%;
  }
}
#gigya-register-screen .u-layout-left3, #gigya-complete-registration-screen .u-layout-left3 {
  margin: 0;
  width: 20%;
}
@media only screen and (max-width: 768px) {
  #gigya-register-screen .u-layout-left3, #gigya-complete-registration-screen .u-layout-left3 {
    width: 35%;
  }
}
#gigya-register-screen .u-layout-center3, #gigya-complete-registration-screen .u-layout-center3 {
  margin: 0;
  width: 12%;
}
@media only screen and (max-width: 768px) {
  #gigya-register-screen .u-layout-center3, #gigya-complete-registration-screen .u-layout-center3 {
    width: 30%;
  }
}
#gigya-register-screen .u-layout-right3, #gigya-complete-registration-screen .u-layout-right3 {
  margin: 0;
  width: 12%;
}
@media only screen and (max-width: 768px) {
  #gigya-register-screen .u-layout-right3, #gigya-complete-registration-screen .u-layout-right3 {
    width: 30%;
  }
}
#gigya-register-screen .u-layout-column-label, #gigya-complete-registration-screen .u-layout-column-label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 0 30px 0;
  padding: 0 10px;
}
#gigya-register-screen .u-layout-column-label.--last, #gigya-complete-registration-screen .u-layout-column-label.--last {
  margin-right: auto;
}
#gigya-register-screen .u-layout-indent, #gigya-complete-registration-screen .u-layout-indent {
  padding-left: 20px;
}
#gigya-register-screen .u-width__120px, #gigya-complete-registration-screen .u-width__120px {
  width: 120px;
}
#gigya-register-screen .u-margin__left0, #gigya-complete-registration-screen .u-margin__left0 {
  margin-left: 0;
}
#gigya-register-screen .u-margin__bottom0, #gigya-complete-registration-screen .u-margin__bottom0 {
  margin-bottom: 0 !important;
}
#gigya-register-screen .u-margin__bottom3, #gigya-complete-registration-screen .u-margin__bottom3 {
  margin-bottom: 3px;
}
#gigya-register-screen .u-margin__bottom10, #gigya-complete-registration-screen .u-margin__bottom10 {
  margin-bottom: 10px;
}
#gigya-register-screen .u-padding__bottom6, #gigya-complete-registration-screen .u-padding__bottom6 {
  padding-bottom: 6px;
}
#gigya-register-screen .modal-container .modal-body, #gigya-complete-registration-screen .modal-container .modal-body {
  padding: 40px 10px;
}
@media only screen and (max-width: 768px) {
  #gigya-register-screen .modal-container .modal-body, #gigya-complete-registration-screen .modal-container .modal-body {
    padding: 16px 8px;
  }
}
#gigya-register-screen .modal-container .modal-body .modal-content, #gigya-complete-registration-screen .modal-container .modal-body .modal-content {
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  #gigya-register-screen .modal-container .modal-body .modal-content, #gigya-complete-registration-screen .modal-container .modal-body .modal-content {
    padding: 0 8px;
  }
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2, #gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3 {
  margin: 2em 0 0 0;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2:first-child, #gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3:first-child, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2:first-child, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3:first-child {
  margin: 0;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2 > span, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2 > span {
  font-size: 1.75rem;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  #gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2 > span, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2 > span {
    font-size: 1.25rem;
  }
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3 > span, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3 > span {
  border-left: 3px solid #2974DB;
  font-size: 1.5rem;
  font-weight: 700;
  padding-left: 15px;
}
@media only screen and (max-width: 768px) {
  #gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3 > span, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3 > span {
    font-size: 1.125rem;
    padding-left: 12px;
  }
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label p, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label p {
  margin: 1em 0;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-list-num, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-list-num {
  margin: 16px 0 16px 2.5em;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-list-brackets, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-list-brackets {
  margin: 16px 0 16px 2.5em;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2, #gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3 {
  margin: 2em 0 0 0;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2:first-child, #gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3:first-child, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2:first-child, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3:first-child {
  margin: 0;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2 > span, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2 > span {
  font-size: 1.75rem;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  #gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2 > span, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h2 > span {
    font-size: 1.25rem;
  }
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3 > span, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3 > span {
  border-left: 3px solid #2974DB;
  font-size: 1.5rem;
  font-weight: 700;
  padding-left: 15px;
}
@media only screen and (max-width: 768px) {
  #gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3 > span, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h3 > span {
    font-size: 1.125rem;
    padding-left: 12px;
  }
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label p, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label p {
  margin: 1em 0;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-list-num, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-list-num {
  margin: 16px 0 16px 2.5em;
}
@media only screen and (max-width: 768px) {
  #gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-list-num, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-list-num {
    margin: 16px 0 16px 2em;
  }
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-list-brackets, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-list-brackets {
  margin: 16px 0 16px 2.5em;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ol.list-01, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ol.list-01 {
  margin-left: 0;
  padding-left: 2.2em;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ol.list-num-04, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ol.list-num-04 {
  list-style: none;
  padding-left: 30px;
  padding-top: 5px;
  position: relative;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ol.list-num-04 li, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ol.list-num-04 li {
  zoom: 1;
  clear: both;
  margin-bottom: 0.5em;
  padding-top: 2px;
  position: relative;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ol.list-num-04 li span, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ol.list-num-04 li span {
  left: -30px;
  position: absolute;
  text-align: right;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ul.list-notice, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ul.list-notice {
  font-size: 0.8462em;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ul.list-notice li, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ul.list-notice li {
  margin-bottom: 0.5em;
  padding-left: 1.4em;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ul.list-notice li span, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ul.list-notice li span {
  display: block;
  float: left;
  margin-left: -1.4em;
  width: 1.4em;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ul.list-01, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ul.list-01 {
  padding-left: 30px;
  padding-top: 5px;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ul.list-01 li, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ul.list-01 li {
  list-style-type: disc;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h4, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label h4 {
  border-left: 3px solid #2974DB;
  padding-left: 15px;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ol.list-01, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ol.list-01 {
  margin-left: 0;
  padding-left: 2.2em;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ol.list-01 > li, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label ol.list-01 > li {
  list-style-type: decimal;
}
#gigya-register-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-txt-align--right, #gigya-complete-registration-screen .modal-container .modal-body .modal-content .gigya-composite-control-label .c-txt-align--right {
  text-align: right;
}

#gigya-reset-password-success-screen .gigya-message.main-text {
  margin-bottom: 35px;
  padding-left: 0;
}
#gigya-reset-password-success-screen .gigya-link-to-login {
  margin-bottom: 150px;
}

#gigya-reset-password-screen .gigya-composite-control-label {
  display: block;
  margin-bottom: 35px;
  margin-left: 0;
}
#gigya-reset-password-screen .gigya-composite-control-label p {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-size: 0.875rem;
  padding-left: 1.2rem;
  text-indent: -1rem;
}

#screen-set-container #gigya-forgot-password-success-screen .gigya-link-to-top-page,
#screen-set-container #gigya-reset-password-success-screen .gigya-link-to-login,
#screen-set-container .gigya-input-submit,
#screen-set-container .gigya-button-link input[type=button] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-shadow: 0 3px 5px rgba(15, 142, 237, 0.3);
  -webkit-transition: opacity 0.5s, -webkit-box-shadow 0.5s ease-in-out;
  align-items: center;
  background: -webkit-gradient(linear, left top, right top, from(#006FBC), to(#00AFEC));
  background: linear-gradient(90deg, #006FBC, #00AFEC);
  border-radius: 100px;
  box-shadow: 0 3px 5px rgba(15, 142, 237, 0.3);
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-size: 1.1875rem;
  font-weight: 700;
  height: 42px;
  justify-content: center;
  line-height: 1.5;
  margin: 0 auto 34px;
  max-width: 340px;
  padding: 10px 0;
  position: relative;
  transition: opacity 0.5s, -webkit-box-shadow 0.5s ease-in-out;
  transition: box-shadow 0.5s ease-in-out, opacity 0.5s;
  transition: box-shadow 0.5s ease-in-out, opacity 0.5s, -webkit-box-shadow 0.5s ease-in-out;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #screen-set-container #gigya-forgot-password-success-screen .gigya-link-to-top-page,
  #screen-set-container #gigya-reset-password-success-screen .gigya-link-to-login,
  #screen-set-container .gigya-input-submit,
  #screen-set-container .gigya-button-link input[type=button] {
    font-size: 1rem;
    margin: 0 auto 24px;
    padding: 3px 0;
  }
}
#screen-set-container #gigya-forgot-password-success-screen .gigya-link-to-top-page:hover,
#screen-set-container #gigya-reset-password-success-screen .gigya-link-to-login:hover,
#screen-set-container .gigya-input-submit:hover,
#screen-set-container .gigya-button-link input[type=button]:hover {
  -webkit-box-shadow: 0 3px 15px rgba(15, 142, 237, 0.8);
  background: -webkit-gradient(linear, left top, right top, from(#00AFEC), to(#006FBC));
  background: linear-gradient(90deg, #00AFEC, #006FBC);
  box-shadow: 0 3px 15px rgba(15, 142, 237, 0.8);
  opacity: 0.7;
  text-decoration: none;
}
#screen-set-container #gigya-forgot-password-success-screen .gigya-link-to-top-page.gigya-common-button-inactive,
#screen-set-container #gigya-reset-password-success-screen .gigya-link-to-login.gigya-common-button-inactive,
#screen-set-container .gigya-input-submit.gigya-common-button-inactive,
#screen-set-container .gigya-button-link input[type=button].gigya-common-button-inactive {
  -webkit-box-shadow: none;
  background: #979FA3;
  box-shadow: none;
  color: #fff;
  cursor: default;
  pointer-events: none;
}
#screen-set-container #gigya-forgot-password-success-screen .gigya-link-to-top-page.gigya-common-button-inactive:hover,
#screen-set-container #gigya-reset-password-success-screen .gigya-link-to-login.gigya-common-button-inactive:hover,
#screen-set-container .gigya-input-submit.gigya-common-button-inactive:hover,
#screen-set-container .gigya-button-link input[type=button].gigya-common-button-inactive:hover {
  opacity: 1;
}
#screen-set-container #gigya-forgot-password-success-screen .gigya-link-to-top-page input[type=button],
#screen-set-container #gigya-reset-password-success-screen .gigya-link-to-login input[type=button] {
  background: none;
  margin: 0 auto;
}

#screen-set-container .modal-cancel-button input {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-transition: opacity 0.5s;
  -webkit-box-shadow: 0 3px 5px rgba(15, 142, 237, 0.3);
  -webkit-transition: -webkit-box-shadow 0.5s ease-in-out;
  align-items: center;
  background: #fff;
  border: 1px solid #2974DB !important;
  border-radius: 100px;
  box-shadow: 0 3px 5px rgba(15, 142, 237, 0.3);
  color: #2974DB !important;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-size: 1.1875rem;
  height: 42px;
  justify-content: center;
  margin-top: 43px;
  max-width: 340px;
  padding: 9px 0;
  position: relative;
  transition: opacity 0.5s;
  transition: -webkit-box-shadow 0.5s ease-in-out;
  transition: box-shadow 0.5s ease-in-out;
  transition: box-shadow 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .modal-cancel-button input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    height: 40px;
    margin-top: 20px;
    padding: 0;
  }
}
#screen-set-container .modal-cancel-button input:hover {
  opacity: 0.7;
}
#screen-set-container .modal-cancel-button input:hover {
  -webkit-box-shadow: 0 3px 15px rgba(15, 142, 237, 0.8);
  box-shadow: 0 3px 15px rgba(15, 142, 237, 0.8);
}

#screen-set-container .gigya-composite-control-link {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: #2974DB;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.125rem;
  font-weight: 700;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .gigya-composite-control-link {
    font-size: 1rem;
  }
}

#screen-set-container .gigya-input-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/src/img/common/common-icon-check-off.svg) no-repeat;
  background-size: contain;
  height: 20px;
  margin-right: 0;
  width: 20px;
}
#screen-set-container .gigya-input-checkbox:checked {
  background: url(/src/img/common/common-icon-check-on.svg) no-repeat;
  background-size: contain;
}
#screen-set-container .gigya-input-checkbox:focus {
  -webkit-box-shadow: none !important;
  border: none !important;
  box-shadow: none !important;
}
#screen-set-container .gigya-input-checkbox--error {
  background: url(/src/img/common/common-icon-check_error-off.svg) no-repeat;
  background: #FAF2F2;
  background-size: contain;
}
#screen-set-container .gigya-input-checkbox--error:checked {
  background: url(/src/img/common/common-icon-check_error-on.svg) no-repeat;
  background-size: contain;
}
#screen-set-container .gigya-input-checkbox:disabled {
  background: url(/src/img/common/common-icon-check_disabled-off.svg) no-repeat;
  background-size: contain;
}
#screen-set-container .gigya-input-checkbox:disabled:checked {
  background: url(/src/img/common/common-icon-check_disabled-on.svg) no-repeat;
  background-size: contain;
}
#screen-set-container .gigya-input-checkbox:focus {
  outline: none;
}

#screen-set-container .gigya-error-msg.gigya-error-msg-active {
  color: #E23A63;
  display: block;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 25px;
  margin-top: 10px;
  padding-bottom: 0;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .gigya-error-msg.gigya-error-msg-active {
    font-size: 0.75rem;
  }
}
#screen-set-container .gigya-error-msg.gigya-error-msg-active--show {
  margin-top: 10px;
}
#screen-set-container span.gigya-error-msg.gigya-error-msg-active {
  text-align: left;
}

#screen-set-container .gigya-label {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
#screen-set-container .gigya-label .c-form-label {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0;
  max-width: none;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .gigya-label .c-form-label {
    font-size: 0.875rem;
  }
}
#screen-set-container .gigya-label .c-form-label--large {
  max-width: 464px;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .gigya-label .c-form-label--large {
    max-width: 340px;
  }
}
#screen-set-container .gigya-label .c-form-label--full {
  max-width: 100%;
}
#screen-set-container label.gigya-hidden::before {
  background: #687177;
  content: "任意";
  display: none;
}
#screen-set-container .gigya-required-display {
  display: none;
  margin-left: 20px;
}
#gigya-register-screen #screen-set-container .gigya-required-display {
  display: block !important;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .gigya-required-display {
    margin-left: 13px;
  }
}
#screen-set-container .gigya-required-display::before {
  background: #E23A63;
  color: #fff;
  content: "必須";
  display: inline-block;
  font-size: 0.875rem;
  padding: 0 5px;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .gigya-required-display::before {
    font-size: 0.75rem;
  }
}
html:lang(en) #screen-set-container .gigya-required-display::before {
  content: "Must";
}
#screen-set-container label.gigya-recommend {
  display: block !important;
  margin-left: 10px;
}
#screen-set-container label.gigya-recommend::before {
  background: #2974DB;
  color: #F9F326;
  content: "オススメ！";
  display: none;
}
html:lang(en) #screen-set-container label.gigya-recommend::before {
  content: "Recommended";
}
#screen-set-container label.gigya-force-hidden {
  display: none !important;
}
#screen-set-container label.gigya-force-show {
  display: block !important;
}
#screen-set-container label.gigya-force-show-inline {
  display: inline-block !important;
}

#gigya-register-screen .gigya-required-display {
  display: block;
}

#gigya-register-screen label.gigya-recommend::before {
  display: block;
}

#screen-set-container .c-form-password__wrapper {
  margin-bottom: 0;
  width: 100%;
}
#screen-set-container .c-form-password__btn {
  -webkit-transform: translateY(-50%);
  background: url(/src/img/common/common-icon-password.svg) no-repeat;
  background-size: contain;
  cursor: pointer;
  height: 24px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px !important;
}
#screen-set-container .c-form-password__btn--show {
  background: url(/src/img/common/common-icon-password-show.svg) no-repeat;
  background-size: contain;
}
#screen-set-container .gigya-input-password {
  border: 1px solid #C6CFD6;
  border-radius: 12px;
  font-size: 1rem;
  height: 48px;
  margin-bottom: 0;
  max-width: 390px;
  padding: 0 40px 0 15px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .gigya-input-password {
    height: 40px;
  }
}
#screen-set-container .gigya-input-password--full {
  max-width: 100%;
}
#screen-set-container .gigya-input-password--large {
  max-width: 464px;
}
#screen-set-container .gigya-input-password.gigya-error {
  background: #FAF2F2;
  border: 1px solid #E23A63;
  color: #E23A63;
}
#screen-set-container .gigya-input-password.gigya-error::-webkit-input-placeholder {
  color: #E23A63;
}
#screen-set-container .gigya-input-password.gigya-error::-moz-placeholder {
  color: #E23A63;
}
#screen-set-container .gigya-input-password.gigya-error:-ms-input-placeholder {
  color: #E23A63;
}
#screen-set-container .gigya-input-password.gigya-error::-ms-input-placeholder {
  color: #E23A63;
}
#screen-set-container .gigya-input-password.gigya-error::placeholder {
  color: #E23A63;
}
#screen-set-container .gigya-input-password:disabled {
  -webkit-text-fill-color: #687177;
  background: rgba(0, 0, 0, 0.06);
  color: #687177;
  opacity: 1;
}
#screen-set-container .gigya-input-password::-webkit-credentials-auto-fill-button {
  background-color: transparent;
  margin: 0;
  width: 0;
}
#screen-set-container .gigya-input-password::-ms-reveal {
  display: none;
}
#screen-set-container .gigya-input-password.gigya-show-checkmark.gigya-valid {
  background: none !important;
}

#screen-set-container .c-form-radio__input {
  display: none;
}
#screen-set-container .c-form-radio__label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  align-items: center;
  background: #fff;
  border: 1px solid #C6CFD6;
  border-radius: 12px;
  box-sizing: border-box;
  color: #333;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 700;
  height: 48px;
  margin-left: 0;
  max-width: 390px;
  min-width: 166px;
  padding-left: 40px;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .c-form-radio__label {
    font-size: 0.875rem;
    height: 40px;
  }
}
#screen-set-container .c-form-radio__label::before {
  -webkit-transform: translateY(-50%);
  background: url(/src/img/common/common-icon-radio-off.svg) no-repeat center center;
  content: "";
  display: block;
  height: 20px;
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
#screen-set-container .c-form-radio__label--error {
  background: #FAF2F2;
  border: 1px solid #E23A63;
  color: #E23A63;
}
#screen-set-container .c-form-radio__label--disabled {
  background: rgba(0, 0, 0, 0.06);
  color: #687177;
  cursor: default;
}
#screen-set-container .c-form-radio__input:checked + .c-form-radio__label {
  background: -webkit-gradient(linear, left top, right top, from(#006FBC), to(#00AFEC));
  background: linear-gradient(90deg, #006FBC, #00AFEC);
  border: none;
  color: #fff;
}
#screen-set-container .c-form-radio__input:checked + .c-form-radio__label::before {
  background: url(/src/img/common/common-icon-radio-on.svg) no-repeat center center;
}
#screen-set-container .c-form-radio__input:disabled:checked + .c-form-radio__label {
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid #C6CFD6;
  color: #687177;
}
#screen-set-container .c-form-radio__input:disabled:checked + .c-form-radio__label::before {
  background: url(/src/img/common/common-icon-radio_disabled-on.svg) no-repeat center center;
}

#screen-set-container .c-form-select__input {
  border: none !important;
  border-radius: 12px;
  height: 100%;
  padding: 0 37px 0 15px;
  position: absolute;
  width: 100%;
}
#screen-set-container .c-form-select__input--full {
  max-width: 100%;
}
#screen-set-container .c-form-select__input--year {
  max-width: 160px;
}
#screen-set-container .c-form-select__input--month {
  max-width: 100px;
}
#screen-set-container .c-form-select__input--day {
  max-width: 100px;
}
#screen-set-container .c-form-select__input--error {
  color: #E23A63;
}
#screen-set-container .c-form-select__input:disabled {
  background: rgba(0, 0, 0, 0.06);
  color: #687177;
  opacity: 1;
}
#screen-set-container .c-form-select__wrapper {
  border: 1px solid #C6CFD6;
  border-radius: 12px;
  display: inline-block;
  font-size: 1rem;
  height: 48px;
  max-width: 390px;
  position: relative;
  position: relative;
  width: 100%;
}
#screen-set-container .c-form-select__wrapper--full {
  max-width: 390px;
  width: 100%;
}
#screen-set-container .c-form-select__wrapper--year {
  max-width: 160px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .c-form-select__wrapper--year {
    max-width: 96px;
  }
}
#screen-set-container .c-form-select__wrapper--month {
  max-width: 100px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .c-form-select__wrapper--month {
    max-width: 73px;
  }
}
#screen-set-container .c-form-select__wrapper--day {
  max-width: 100px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .c-form-select__wrapper--day {
    max-width: 73px;
  }
}
#screen-set-container .c-form-select__wrapper--error {
  background: #FAF2F2;
  border: 1px solid #E23A63;
}
#screen-set-container .c-form-select__wrapper::before {
  -webkit-transform: translateY(-50%);
  background: url(/src/img/common/common-icon-pulldown.svg) no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 24px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  z-index: 2;
}

#screen-set-container .gigya-input-text {
  border: 1px solid #C6CFD6;
  border-radius: 12px;
  font-size: 1rem;
  height: 48px;
  margin-bottom: 0;
  max-width: 390px;
  padding: 0 15px;
  width: 100%;
}
#screen-set-container .gigya-input-text--full {
  max-width: 100%;
}
#screen-set-container .gigya-input-text--large {
  max-width: 464px;
}
#screen-set-container .gigya-input-text.gigya-error {
  background: #FAF2F2;
  border: 1px solid #E23A63;
  color: #E23A63;
  margin-bottom: 0;
}
#screen-set-container .gigya-input-text.gigya-error::-webkit-input-placeholder {
  color: #E23A63;
}
#screen-set-container .gigya-input-text.gigya-error::-moz-placeholder {
  color: #E23A63;
}
#screen-set-container .gigya-input-text.gigya-error:-ms-input-placeholder {
  color: #E23A63;
}
#screen-set-container .gigya-input-text.gigya-error::-ms-input-placeholder {
  color: #E23A63;
}
#screen-set-container .gigya-input-text.gigya-error::placeholder {
  color: #E23A63;
}
#screen-set-container .gigya-input-text:disabled {
  -webkit-text-fill-color: #687177;
  background: rgba(0, 0, 0, 0.06);
  color: #687177;
  opacity: 1;
}
#screen-set-container .gigya-input-text.gigya-show-checkmark.gigya-valid {
  background: none !important;
}

#screen-set-container .gigya-screen-caption {
  -ms-flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #E8F8FF;
  border-bottom: none;
  color: #2974DB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 1.75rem;
  font-weight: 700;
  height: 100px;
  justify-content: center;
  width: 100% !important;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .gigya-screen-caption {
    font-size: 1.25rem;
    height: 68px;
  }
}
#screen-set-container .gigya-screen-caption__sub-txt {
  display: block;
  font-size: 1rem;
  margin-top: 5px;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #screen-set-container .gigya-screen-caption__sub-txt {
    font-size: 0.875rem;
    margin-top: 0;
  }
}

#screen-set-container .c-txt-align--left {
  text-align: left;
}
#screen-set-container .c-txt-align--center {
  text-align: center;
}
#screen-set-container .c-txt-align--right {
  text-align: right;
}