.upperspace {
      max-width: 880px;
      margin: 0 auto;
      position: relative;
    }

    .price {
      text-align: right;
    }

    .lineEnd {
      text-align: center;
    }

    .error-msg-1 {
      color: #222426;
      background-color: #fff;
      padding: 8px 6px;
      margin: 8px 1px 8px 1px;
      display: block;
      border-radius: 5px;
      text-decoration: none;
      text-align: center;
      width: 98%;
      text-align: left;
      font-size: 15px;
      color: #E60012;
      line-height: 1.5625;
    }

    .error-msg-2 {
      color: #222426;
      background-color: #fff;
      padding: 1px 6px;
      display: inline-block;
      border-radius: 5px;
      text-decoration: none;
      text-align: center;
      width: 100%;
      margin-bottom: 5px;
      text-align: left;
      font-size: 15px;
      color: #E60012;
      line-height: 1.5625;
    }

    .error-msg-3 {
      color: #222426;
      background-color: #fff;
      padding: 1px 6px;
      display: inline-block;
      border-radius: 5px;
      text-decoration: none;
      text-align: center;
      width: 100%;
      margin-bottom: 5px;
      text-align: left;
      font-size: 15px;
      color: #E60012;
      line-height: 1.5625;
    }

    .expoid-notblank-none,
    .expoid-size-none,
    .expoid-pattern-none,
    .password-notblank-none,
    .password-size-none,
    .password-pattern-none,
    .passwordcheck-notblank-none,
    .password-notmatch-none,
    .lastname-notblank-none,
    .lastname-size-none,
    .firstname-notblank-none,
    .firstname-size-none,
    .middlename-size-none,
    .lastnamekana-notblank-none,
    .lastnamekana-size-none,
    .lastnamekana-pattern-none,
    .firstnamekana-notblank-none,
    .firstnamekana-size-none,
    .firstnamekana-pattern-none,
    .mailaddress-notblank-none,
    .mailaddress-size-none,
    .mailaddress-pattern-none,
    .phonecountrynumber-notblank-none,
    .phonenumber-notblank-none,
    .phonenumber-size-none,
    .phonenumber-pattern-none,
    .phonecountrynumber-correlation-none,
    .birth-notblank-none,
    .birth-less-none,
    .countrycode-notblank-none,
    .prefecturecode-notblank-none,
    .mailacceptcode-correlation-none,
    .termsofuse-none
     {
      display: none;
    }

    p.show-age {
      margin-bottom: 10px;
    }


    .btn2 {
      color: #222426;
      background: #F2F3F4;
      padding: 8px 6px;
      margin: 8px 1px 8px 1px;
      display: inline-block;
      border-radius: 5px;
      text-decoration: none;
      text-align: center;
      width: 150px;
    }

    .btn1 {
      color: #222426;
      background: #F2F3F4;
      padding: 8px 25px;
      display: block;
      border-radius: 5px;
      text-align: center;
      position: relative;
      z-index: 2;
      will-change: transform, filter;
      transform-style: preserve-3d;
      transition: all 0.3s ease-out;
      text-decoration: none;
      align-items: center;
    }


    .form-row {
      display: flex;
      margin-bottom: 30px;
      justify-content: center;
      text-align: left;
    }

    @media screen and (max-width:767px) {
      .form-row {
        justify-content: left;
        flex-wrap: wrap;
      }
    }

    .form-row:last-child {
      margin-bottom: 0;
    }

    .form-select {
      height: 28px;
      padding: 0 20px;
      font-size: 15px;
      border-radius: 25px;

      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;

      letter-spacing: 0.06em;
      background: #fff;
      display: inline-block;
      padding: 5px 25px;
      box-sizing: content-box;
      border: 1px solid #222426;
      width: 182px;
    }

    .form-check {
      margin-bottom: 10px;
    }

    @media screen and (max-width:767px) {
      .form-select {
        padding: 10px 25px;
      }

    }

    .form-col1 {
      width: calc(880px - 262px);
    }

    .form-col1[data-form="birth"] .select-arrow .form-select {
      width: 90px;
    }

    @media screen and (max-width:767px) {

      .form-col1[data-form="birth"] .select-arrow .form-select#birth-year,
      .form-col1[data-form="birth"] .select-arrow .form-select#birthyear {
        width: 40px;
      }

      .form-col1[data-form="birth"] .select-arrow .form-select#birth-month,
      .form-col1[data-form="birth"] .select-arrow .form-select#birth-day,
      .form-col1[data-form="birth"] .select-arrow .form-select#birthmonth,
      .form-col1[data-form="birth"] .select-arrow .form-select#birth {
        width: 20px;
      }
    }

    .form-col2 {
      width: calc(600px - 262px);
    }

    .select-arrow {
      position: relative;
      display: inline-block;
      margin-right: 8px;
    }

    @media screen and (max-width:767px) {
      .select-arrow {
        margin-right: 6px;
      }
    }



    @media screen and (max-width:767px) {
    }

    .select-arrow.mb {
      margin-bottom: 10px;
    }

    .select-arrow::before {
      content: "";
      position: absolute;
      right: 15px;
      top: 16px;
      border-bottom: 1px solid #222426;
      border-right: 1px solid #222426;
      width: 6px;
      height: 6px;
      transform: rotate(45deg);
    }


    @media screen and (max-width:767px) {
      .select-arrow select {
        width: calc(100% - 52px);

      }

      .select-arrow::before {
        top: 20px;
      }
    }



    .form-select select option {
      color: #000;
    }


    .form-label {
      width: 262px;
      padding-right: 75px;
    }

    @media print,
    screen and (max-width:767px) {
      .form-label {
        display: block;
        width: 100%;
        padding-right: 70px;
        text-align: left;
      }
    }

    .form-label>div {
      font-size: 12px;
    }



    .form-name {
      display: inline-block;
      font-weight: 700;
      margin-bottom: 10px;
      font-size: 15px;
      position: relative;
      line-height: 1.3;
    }

    @media screen and (max-width:767px) {
      .form-name {
        padding-top: 0;
      }
    }


    .form-name.form-required::after {
      display: inline-block;
      content: "蠢���";
      color: rgb(230, 0, 18);
      background-color: rgb(255, 255, 255);
      font-size: 12px;
      position: absolute;
      left: calc(100% + 4px);
      top: 13px;
      border-width: 1px;
      border-style: solid;
      border-color: rgb(230, 0, 18);
      border-image: initial;
      padding: 4px 6px;
      border-radius: 5px;
      white-space: nowrap;
    }

    @media screen and (max-width:767px) {
      .form-name.form-required::after {
        top: -3px;
      }
    }

    .form-name>span {
      display: inline-block;
      color: #E60012;
      margin-left: 8px;
      margin-top: -2px;
      padding: 4px 6px;
      border-radius: 5px;
      background-color: #FDE6E6;
      font-size: 12px;
    }

    .form-name.name-mt {
      padding-top: 15px;
    }

    @media screen and (max-width:767px) {
      .form-name.name-mt {
        padding-top: 0;
      }
    }

    .form-text {
      margin-top: 10px;
      font-size: 12px;
      line-height: 1.33333333333;
    }

    .form-value-text {
      padding-left: 10px;
      line-height: 1.3;
    }

    .form-value-text-wrap {
      word-break: break-all;
    }

    .form-col-label {
      display: inline-block;
      font-size: 18px;
      margin-right: 8px;
    }


    @media screen and (max-width:767px) {
      .form-col-label {
        margin-right: 5px;
      }

    }

    .form-col-label:last-of-type {
      margin-right: 0;
    }

    .form-col1 {
      margin-bottom: 10px;
      margin-left: 10px;
    }



    .form-col1 .form-wrap {
      display: flex;
      align-items: center;
      margin-bottom: 10px;
    }

    @media (max-width:767px) {
      .form-label {
        flex: 0 0 auto;
        padding-bottom: 2px;
      }

      .form-col1 {
        flex: 0 0 auto;
        width: 100%;
      }

      .form-col2 {
        flex: 0 0 auto;
        width: 100%;
      }
    }

    .consent-item {
      margin-bottom: 60px;
      text-align: left;
    }

    .consent-text {
      width: 880px;
      height: 330px;
      padding: 30px;
      overflow-y: scroll;
      margin-top: 30px;
      overflow-y: scroll;
      border: solid 1px #222426;
      box-sizing: border-box;
      line-height: 1.5625;
      margin-bottom: 25px;
      font-size: 15px;
    }

    @media screen and (max-width:767px) {
      .consent-text {
        width: 100%;
      }
    }




    .horizon-table {
      border-collapse: collapse;
      margin: 0 auto 65px;
      width: 100%;
    }

    @media screen and (max-width:767px) {
      .horizon-table {
        margin: 0 auto 45px;
      }
    }

    .horizon-table[data-table="auth"] {
      margin-top: 65px;
      width: 880px;
    }

    @media screen and (max-width:767px) {
      .horizon-table[data-table="auth"] {
        width: 100%;
        max-width: 880px;
      }

      .horizon-table[data-table="auth"] thead {
        display: block;
      }
    }



    .horizon-table[data-table="auth"] thead tr {
      text-align: left;
      display: flex;
      padding-bottom: 20px;
    }

    .horizon-table[data-table="auth"] thead tr th.non {
      width: 35px;
      background-color: transparent;
      padding: 0;
    }

    .horizon-table[data-table="auth"] thead tr .auth-method {
      width: 330px;
      color: #000;
      font-weight: bold;
      padding: 0 3px 0 0;
      line-height: 1.5625;
    }

    .horizon-table[data-table="auth"] thead tr .setting-name {
      width: calc(100% - 35px - 330px - 110px);
      color: #000;
      font-weight: bold;
      padding: 0;
      line-height: 1.5625;
    }

    @media screen and (max-width:767px) {
      .horizon-table[data-table="auth"] thead tr .non {
        width: 0;
      }

      .horizon-table[data-table="auth"] thead tr .auth-method {
        width: 140px;
        padding-left: 20px;
      }

      .horizon-table[data-table="auth"] thead tr .setting-name {
        width: calc(100% - 140px);
      }
    }


    .horizon-table[data-table="auth"] tbody tr {
      border-bottom: 1px solid #707070;

      margin-bottom: 0;
      padding: 20px 0;
      align-items: flex-start;

    }

    .horizon-table[data-table="auth"] tbody tr:first-child {
      border-top: 1px solid #707070;
    }

    .horizon-table[data-table="auth"] tbody tr th {
      background-color: #B1D0E9;
      width: 70px;
      font-size: 15px;
      font-weight: bold;
      color: #222426;
      padding: 0;
      text-align: center;
      line-height: 1.5625;
    }

    .horizon-table[data-table="auth"] tbody tr th::before {
      display: none;
    }

    .horizon-table[data-table="auth"] tbody tr td {
      font-size: 15px;
      color: #222426;
      text-align: left;
      background-color: transparent;
    }

    .horizon-table[data-table="auth"] tbody tr th {
      width: 35px;
      display: flex;
      align-items: center;
      font-size: 15px;
      background-color: transparent;
    }

    @media screen and (max-width:767px) {
      .horizon-table[data-table="auth"] tbody tr th {
        width: 20px;
        align-items: left;
      }
    }

    .horizon-table[data-table="auth"] tbody tr td.auth-method {
      width: 330px;
      padding: 0 40px 0 0;
      display: flex;
      align-items: center;
      font-size: 15px;
      line-height: 1.5625;
    }

    @media screen and (max-width:767px) {
      .horizon-table[data-table="auth"] tbody tr td.auth-method {
        width: 110px;
        padding: 0 10px 0 0;
      }
    }

    .horizon-table[data-table="auth"] tbody tr td.setting-name {
      width: calc(100% - 35px - 330px - 100px);
      display: flex;
      align-items: center;
      font-size: 15px;
      padding: 0 40px 0 0;
      line-height: 1.5625;
      word-break: break-all;
    }

    @media screen and (max-width:767px) {
      .horizon-table[data-table="auth"] tbody tr td.setting-name {
        width: calc(100% - 20px - 110px - 100px);
        padding: 0 10px 0 10px;
      }
    }

    .horizon-table[data-table="auth"] tbody td.buttonarea {
      margin: 0 0 0 auto;
    }

    .horizon-table[data-table="auth"] tbody tr td.buttonarea .basic-btn.type1 {
      border: none;
      width: auto;
      font-size: 15px;
      color: #E60012;
      text-decoration: underline !important;
      padding: 0;
      min-height: auto;
    }

    .horizon-table[data-table="auth"] tbody tr td.buttonarea .basic-btn.type1:hover {
      text-decoration: none!important;
    }

    .horizon-table[data-table="auth"] tbody tr td.buttonarea .basic-btn.type1::after {
      right: 0;
    }

    @media screen and (max-width:767px) {
      .horizon-table[data-table="auth"] tbody tr td.buttonarea .basic-btn.type1 {
        width: auto;
      }
    }




    .horizon-table[data-table="data"] {
      width: 880px;
      margin: 80px auto 64px;
    }

    @media screen and (max-width:767px) {
      .horizon-table[data-table="data"] {
        width: 100%;
        margin: 40px 0 50px;
      }
    }

    .horizon-table[data-table="data"] thead {
      border-bottom: 1px solid #D2D7DA;
    }

    @media screen and (max-width:767px) {
      .horizon-table[data-table="data"] thead {
        display: block;
      }
    }

    .horizon-table[data-table="data"] thead tr {
      display: flex;
      text-align: left;
      align-items: center;
      padding-bottom: 20px;
    }

    @media screen and (max-width:767px) {
      .horizon-table[data-table="data"] thead tr {
        display: none;
      }
    }

    .horizon-table[data-table="data"] thead tr th {
      color: #222426;
      padding: 0;
      font-weight: bold;
      line-height: 1.25;
    }

    .horizon-table[data-table="data"] tbody tr {
      display: flex;
      align-items: flex-start;
      justify-content: left;
      text-align: left;
      border-bottom: 1px solid #D2D7DA;
      padding: 20px 0;
      margin-bottom: 0;
    }



    @media screen and (max-width:767px) {
      .horizon-table[data-table="data"] tbody tr {
        padding: 20px 0 10px;
        display: block;
      }
    }

    @media screen and (max-width:767px) {
      .horizon-table[data-table="data"] tbody tr:last-child {
        margin-bottom: 0;
      }
    }

    .horizon-table[data-table="data"] tbody tr th {
      width: 35px;
      padding: 0;
      color: #222426;
      background-color: transparent;
      font-weight: bold;
    }

    @media screen and (max-width:767px) {
      .horizon-table[data-table="data"] tbody tr th {
        display: none;
      }
    }

    .horizon-table[data-table="data"] tbody tr th::before {
      display: none;
    }

    .horizon-table[data-table="data"] tbody tr td {
      background-color: transparent;
      padding: 0;
      line-height: 1.25;
    }

    .horizon-table[data-table="data"] .non {
      width: 35px;
    }

    .horizon-table[data-table="data"] [scope="expo-id"],
    .horizon-table[data-table="data"] .expo-id {
      width: 200px;
      padding-right: 20px;
    }

    @media screen and (max-width:767px) {

      .horizon-table[data-table="data"] [scope="expo-id"],
      .horizon-table[data-table="data"] .expo-id {
        width: 100%;
        padding-right: 0;
        margin-bottom: 15px;
      }
    }

    @media screen and (max-width:767px) {
      .horizon-table[data-table="data"] .id-status {
      }
    }



    .horizon-table[data-table="data"] [scope="name"],
    .horizon-table[data-table="data"] .name {
      width: calc(100% - 35px - 200px - 130px - 135px);
      padding-right: 40px;
    }

    @media screen and (max-width:767px) {

      .horizon-table[data-table="data"] [scope="name"],
      .horizon-table[data-table="data"] .name {
        width: 100%;
        padding-right: 0;
        margin-bottom: 15px;
      }
    }






    .horizon-table[data-table="data"] [scope="id-status"],
    .horizon-table[data-table="data"] .id-status {
      width: 130px;
    }

    @media screen and (max-width:767px) {

      .horizon-table[data-table="data"] [scope="id-status"],
      .horizon-table[data-table="data"] .id-status {
        width: 100%;
      }
    }

    .horizon-table[data-table="data"] .buttonarea .basic-btn.type1 {
      border: none;
      font-size: 15px;
      padding: 0;
      min-height: auto;
      padding-right: 32px;
    }

    @media screen and (max-width:767px) {
      .horizon-table[data-table="data"] .buttonarea .basic-btn.type1 {
        margin: 0 0 0 auto;
        font-size: 15px;
        width: 120px;
      }
    }

    .horizon-table[data-table="data"] .buttonarea .basic-btn.type1::after {
      right: 10px;
    }

    @media screen and (max-width:767px) {
      .horizon-table[data-table="data"] .buttonarea .basic-btn.type1::after {
        right: 0;
      }
    }

    .horizon-table[data-table="data"] .buttonarea .basic-btn.type1 span.btn-text {
      text-align: left;
      text-decoration: underline;
      padding: 0;
    }

    .horizon-table[data-table="data"] .buttonarea .basic-btn.type1:hover{
      text-decoration: none!important;
    }
    .horizon-table[data-table="data"] .buttonarea .basic-btn.type1:hover span.btn-text {
      text-decoration: none;
    }

    @media screen and (max-width:767px) {
      .horizon-table[data-table="data"] .buttonarea .basic-btn.type1 span {
        padding: 0 !important;
      }
    }

    .horizon-table thead th {
      color: #FFF;
      padding: 10px 15px;
    }

    .horizon-table thead th:last-child {
    }

    @media screen and (max-width:767px) {
      .horizon-table tbody {
        width: 100%;
      }
    }



    .horizon-table tbody th {
      background: #0068b7a9;
      color: #FFF;
      padding: 30px 15px 20px 75px;
      vertical-align: top;
      width: 315px;
      text-align: left;
      position: relative;
    }

    @media screen and (max-width:767px) {
      .horizon-table tbody th {
        width: calc(100% - 124px);
        padding: 30px 10px 20px 60px;
      }
    }

    .horizon-table tbody th::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 20px;
      transform: translateY(-50%);
      width: 48px;
      height: 48px;
    }

    @media screen and (max-width:767px) {
      .horizon-table tbody th::before {
       left: 10px;
      }

    }

    .horizon-table tbody th[data-label="Apple"] {
      background-color: #fff;
      color: #222426;
      border-top: 1px solid #707070;
      border-left: 1px solid #707070;
      border-bottom: 1px solid #707070;
      font-size: 18px;
      font-weight: 700;
    }

    @media screen and (max-width:767px) {
      .horizon-table tbody th[data-label="Apple"] {
        padding: 20px 10px 20px 60px;
        line-height: 1.2;
      }
    }

    .horizon-table tbody th[data-label="Apple"]::before {
      background-image: url(../img/ico_apple.svg);
    }

    .horizon-table tbody th[data-label="d-account"] {
      background-color:#fff;
      color:  #CC0033;
      font-size: 18px;
      font-weight: 700;
      border-top: 1px solid #707070;
      border-left: 1px solid #707070;
      border-bottom: 1px solid #707070;
    }

    .horizon-table tbody th[data-label="d-account"]::before {
      background-image: url(../img/ico_d-account.svg);
    }

    .horizon-table tbody tr {
      margin-bottom: 15px;
      display: flex;
      justify-content: center;
    }

    .horizon-table tbody th[data-label="LINE"] {
      background-color: #00B900;
      font-size: 18px;
      font-weight: 700;
    }

    .horizon-table tbody th[data-label="LINE"]::before {
      background-image: url(../img/ico_line.svg);
    }

    .horizon-table tbody th[data-label="Twitter"] {
      background-color: #000;
      font-size: 18px;
      font-weight: 700;
    }

    .horizon-table tbody th[data-label="Twitter"]::before {
      background-image: url(../img/ico_x.svg);
    }

    .horizon-table tbody th[data-label="Facebook"] {
      background-color: #1877F2;
      font-size: 18px;
      font-weight: 700;
    }

    .horizon-table tbody th[data-label="Facebook"]::before {
      background-image: url(../img/ico_facebook.svg);
    }

    .horizon-table tbody th[data-label="Google"] {
      background-color: #fff;
      color: #222426;
      border-top: 1px solid #707070;
      border-left: 1px solid #707070;
      border-bottom: 1px solid #707070;
      font-size: 18px;
      font-weight: 700;
    }

    .horizon-table tbody th[data-label="Google"]::before {
      background-image: url(../img/ico_google.svg);
    }

    .horizon-table tbody tr {
      margin-bottom: 15px;
      display: flex;
      justify-content: center;
    }

    .horizon-table tbody tr:last-child {
      margin-bottom: 0;
    }

    .horizon-table tbody tr:last-child th {
    }

    .horizon-table tbody td {
      background: #F2F3F4;
      padding: 0px 15px;
      vertical-align: top;
    }





    .horizon-table tbody td.buttonarea {
      padding: 0px 0px;
    }

    @media screen and (max-width: 767px) {
      .horizon-table tbody td.buttonarea.ba-width {
        width: 124px;
      }
    }

    .horizon-table tbody th.buttonarea {
      padding: 0px 0px;
    }

    .horizon-table tbody td.buttonarea form {
     height: 100%;
    }

    .horizon-table tbody tr td.buttonarea a.basic-btn.type1 {
      border: 1px solid #707070;
      width: 135px;
      padding: 22px 0;
      text-decoration: underline;
      font-weight: 400;
    }

    .horizon-table tbody tr td.buttonarea button.basic-btn.type1 {
      border: 1px solid #707070;
      width: 175px;
      display: inline-block;
      height: 100%;
      padding: 22px 0;
      text-decoration: none;
      font-weight: 400;
      background-color: #fff;
    }

    .horizon-table tbody tr td.buttonarea button.basic-btn.type1:hover {
      box-shadow: none;
    }

    .horizon-table tbody tr td.buttonarea button.basic-btn.type1.bg-gray {
      background-color: #FFFFFF;
    }

    .horizon-table tbody tr td.buttonarea button.basic-btn.type1 .btn-text {
      padding: 3px 40px 3px 20px;
    }

    .horizon-table tbody tr td.buttonarea a.basic-btn.type1::after {
      right: 20px;
    }

    .horizon-table tbody tr td.buttonarea a.basic-btn.type1 .btn-text {
      padding: 0 27px 0 0;
    }


    @media screen and (max-width:767px) {
      .horizon-table tbody tr td.buttonarea button.basic-btn.type1 {
        width: 100%;
      }
      .horizon-table tbody tr td.buttonarea a.basic-btn.type1 .btn-text {
        padding: 0 25px 0 0;
      }
      .horizon-table tbody tr td.buttonarea button.basic-btn.type1 .btn-text {
        padding: 3px 40px 3px 10px;
        font-size: 14px;
      }
    }

    .horizon-table tbody tr td.buttonarea a.basic-btn.type1:hover {
      text-decoration: none;
    }

    .horizon-table tbody tr td.buttonarea button.basic-btn.type1:hover {
      text-decoration: none;
    }

    @media screen and (max-width: 767px) {
      .horizon-table thead {
        display: none;
      }

      .horizon-table tbody th {
        display: block;
      }

      .horizon-table tbody td {
        display: block;
      }

      .horizon-table thead tr .non,
      .horizon-table thead tr [scope="middle-name"],
      .horizon-table thead tr [scope="birahday"],
      .horizon-table thead tr [scope="mail-addr"],
      .horizon-table thead tr [scope="id-status"] {
        display: none;
      }

      .horizon-table tbody td::before {
        content: attr(label);
        float: left;
        clear: both;
        font-weight: bold;
      }

      .horizon-table tbody td p {
        padding-left: 6em;
      }
    }

    #first-section {
      margin-bottom: 30px;
    }

    #idmsg-flow {
      padding: 13px 0;
      background: #D2EAFE;
      overflow: hidden;
      position: relative;
    }

    #idmsg-flow::before {
      content: "";
      position: absolute;
      height: 100%;
      width: calc(50% - 50px);
      top: 0;
      left: 0;
      background: #0068B7;
      border-top-right-radius: 25px 50px;
      border-bottom-right-radius: 25px 50px;
    }

    #idmsg-flow ul {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0 70px;
      position: relative;
    }

    #idmsg-flow ul li {
      position: relative;
      font-size: 12px;
      font-weight: bold;
      text-align: center;
    }

    #idmsg-flow ul li.completed {
      color: #fff;
    }

    #idmsg-flow ul li.completed::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 130px;
      height: 250%;
      background-color: #0068B7;
      border-top-right-radius: 40% 50%;
      border-bottom-right-radius: 45% 50%;
    }

    #idmsg-flow ul li:nth-child(2).completed::before {
      width: 160px;
    }

    #idmsg-flow ul li div {
      position: relative;
    }

    #idmsg-flow ul li span {
      display: block;
      background-color: #0068B7;
      color: #fff;
      font-size: 20px;
      padding: 11px 0;
      width: 42px;
      border-radius: 50%;
      margin-bottom: 5px;
      position: relative;
      margin: 0 auto 10px;
    }

    #idmsg-flow ul li.completed span {
      background-color: #fff;
      color: #0068B7;
    }


    #idmsg-warning {
      background-color: #FDE6E6;
      padding: 30px;
      margin-top: 20px;
      margin-bottom: 40px;
      line-height: 1.5625;
    }

    @media screen and (max-width:767px) {
      #idmsg-warning {
        padding: 35px 30px 25px;
      }
    }

    #idmsg-warning-gray {
      background-color: #EEEEEE;
      padding: 30px;
      margin-top: 20px;
      margin-bottom: 40px;
      line-height: 1.5625;
    }

    #idmsg-warning {
      background-color: #FDE6E6;
      padding: 30px;
      margin-top: 20px;
      margin-bottom: 40px;
    }

    .warning-msg {
      line-height: 1.5625;
      font-size: 15px;
      text-align: left;
    }

    .warning-msg ul li {
      padding-left: 15px;
      position: relative;
      margin-bottom: 10px;
    }

    .warning-msg ul li:last-child {
      margin-bottom: 0;
    }

    .warning-msg ul li>span {
      position: absolute;
      top: 0;
      left: 0;
    }

    .warning-msg ul li.has-footnote {
      margin-bottom: 0;
    }

    .warning-msg span {
      white-space: nowrap;
    }

    .warning-msg-btn {
      text-decoration: underline !important;
      position: relative;
    }

    .warning-msg-btn:hover {
      text-decoration: none !important;
      opacity: 1;
    }

    .warning-msg-btn span {
      display: inline-block;
      margin-left: 10px;
      position: relative;
      width: 22px;
      height: 22px;
      background: url(../img/arrow_01.svg) no-repeat 0 0 / 100% auto;
    }

    .warning-msg-btn.ico-win span {
      margin-left: 25px;
    }

    .warning-msg-btn.ico-win span::before {
      content: "";
      width: 14px;
      height: 14px;
      background: url(../img/ico_newwin.svg) no-repeat 0 0 / 100% auto;
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 28px;
    }


    .warning-btn.basic-btn.type1 {
      border: none;
      justify-content: flex-start;
      width: 120px;
      font-size: 15px;
      font-weight: 400;
    }

    .warning-btn.basic-btn.type1 {
      text-decoration: underline;
    }

    .warning-btn.basic-btn.type1:hover {
      background: none !important;
      text-decoration: none !important;
    }

    .simple-msg-link.underline {
      text-decoration: underline !important;
    }

    .simple-msg-link span {
      display: inline-block;
      margin-left: 10px;
      position: relative;
    }

    .simple-msg-link.ico-win span {
      margin-left: 25px;
    }

    .simple-msg-link.ico-win span::before {
      content: "";
      width: 14px;
      height: 14px;
      background: url(../img/ico_newwin.svg) no-repeat 0 0 / 100% auto;
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(+40%);
      right: 5px;
    }

    #idmsg-titlelead {
      margin-bottom: 30px;

    }

    @media screen and (max-width:767px) {
      #idmsg-titlelead {
        margin-bottom: 25px;
      }
    }

    #idmsg-contests {
      padding: 20px 0px;
      text-align: center;
    }

    #idmsg-contests p:not([class]) {
      line-height: 2.1875;
    }

    @media screen and (max-width:767px) {
      #idmsg-contests p:not([class]) {
        line-height: 1.375;
      }
    }


    .idmsg-contests-line {
      padding: 20px 0px;
      border-top: 1px solid #B1D0E9;
      border-bottom: 1px solid #B1D0E9;
    }

    .wide-button-list {
      display: list-item;
    }

    .wide-button-list li {
      margin-left: 20px;
    }


    .wide-button {
      flex: auto;
      width: 220px;
      margin: auto;
    }

    .right-button {
      justify-content: right;
    }

    .upper-button {
      margin-bottom: 0.7em;
    }



    .idmng-list-type {
      display: block;
      width: 260px;
      margin: auto;
      text-align: left;
    }

    .idmng-list-type li {
      display: flex;
      margin-bottom: 20px;
    }

    .idmng-list-type .col1 {
      width: 100px;
      display: block;
      padding-right: 20px;
      word-wrap: break-word;
      line-height: 1.5625;
    }

    .idmng-list-type .col2 {
      width: 160px;
      display: block;
      line-height: 1.5625;
    }

    .idmng-list-type .col2.wrap {
      word-break: break-all;
    }

    .idmng-dl {
      display: flex;
      flex-wrap: wrap;
      width: 260px;
      text-align: left;
      margin: 0 auto;
    }

    .idmng-dl dt {
      width: 100px;
      margin-bottom: 20px;
    }

    .idmng-dl dd {
      width: 160px;
      margin-bottom: 20px;
      word-break: break-all;
    }

    .idmng-menu-top-link {
      display: flex;
      justify-content: center;
      position: relative;
      top: -35px;
    }

    .idmng-menu-top-link ul{
      width: 430px;
    }

    @media screen and (max-width:767px) {
      .idmng-menu-top-link ul{
        width: 100%;
      }
    }

    .idmng-menu-top-link a{
      display: flex;
      text-decoration: underline !important;
      background: url("../img/arrow_01.svg") no-repeat right 2px center / 22px auto;
      padding: 12px 50px 10px 50px;
      border-radius: 35px;
      text-align: center;
      text-decoration: none !important;
      width: 100%;
    }

    .idmng-menu-top-link a::before {
      content: "";
      width: 14px;
      height: 14px;
      background: url(../img/ico_newwin_wt.svg) no-repeat 0 0 / 100% auto;
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 37px;
    }

    .idmng-menu-top-link a::after {
        content: "";
        width: 14px;
        /*height: 14px;*/
        padding: 1px 0px 0px 5px;
        background: url("../img/ico_newwin.svg") no-repeat right center / auto 0.9em;
        display: block;
    }

    .idmng-menu-top-link a:hover{
      text-decoration: underline !important;
      opacity: 1;
    }

    .idmng-menu {
      color: #222426;
    }

    .idmng-menu .links {
      gap: 40px 0;
    }

    @media screen and (max-width:767px) {
      .idmng-menu .links {
        text-align: right;
      }
    }

    .idmng-menu .links li {
      width: 430px;
      text-align: center;
    }

    @media screen and (max-width:767px) {
      .idmng-menu .links li {
        width: 100%;
        margin-bottom: 30px;
      }
    }

    .idmng-menu .links li a {
      position: relative;

    }


    .idmng-menu .links li p {
      font-size: 15px;
      line-height: 1.71428571429;
      text-align: left;
    }

    .idmng-menu .links li a.type1 {
      font-size: 18px;
      font-weight: 700;
      line-height: 22px;
      border: 2px solid #222426;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 11px 0;
      margin-bottom: 20px;
      text-align: left;
      background: url("../img/arrow_01.svg") no-repeat right 15px center / 22px auto;
    }

    .idmng-menu .links li a.type1:hover {
      text-decoration: underline !important;
      opacity: 1 !important;
    }

    @media screen and (max-width:767px) {
      .idmng-menu .links li a.type1 {
        margin-bottom: 15px !important;
      }
    }

    .idmng-menu .links li a.type1 {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.2;
      border: 2px solid #222426;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 11px 35px;
      margin-bottom: 20px;
      text-align: left;
      background: url("../img/arrow_01.svg") no-repeat right 15px center / 22px auto;
    }

    .idmng-menu .links li a.type1.lr-large-padding {
      padding: 11px 40px;
    }

    @media screen and (max-width:767px) {
      .idmng-menu .links li a.type1 {
      }
    }

    .idmng-menu .links li a.type1>div {
      text-align: center;
    }

    .idmng-menu .links>a:not(.type1) {
      display: inline-block;
      text-decoration: underline !important;
      margin: 0 0 0 auto;
      font-size: 15px;
    }

    .idmng-menu .links>a:not(.type1):hover{
      text-decoration: none !important;
    }

    .idmng-menu .links>:nth-of-type(6) {
      margin-bottom: 50px;
    }




    .idmng-menu .links a.type2 {
      margin-top: 25px;
      font-size: 15px;
      background: url("../img/arrow_03.svg") no-repeat calc(100% - 7px) center / 6px auto;
    }






    @media print,
    screen and (min-width:768px) {
      .idmng-menu .links {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        min-width: 880px;
      }

      .idmng-menu .links>a.type1 {
        margin-bottom: 20px;
        width: 430px;
        height: 150px;
        border: 3px solid #222426;
        padding: 0 58px 0 27px;
        background: url("../img/arrow_01.svg") no-repeat right 30px center / 22px auto;
      }

      .idmng-menu .links>a.type1:nth-of-type(6) {
        margin-bottom: 35px;
      }

      .idmng-menu .links>a.type1:hover {
        opacity: 0.6;
      }

      .idmng-menu .links>a:not(.type1):hover {
        text-decoration: none;
      }

      .idmng-menua:hover {
        text-decoration: underline;
      }
    }

    @media screen and (max-width:767px) {
      .idmng-menu {
      }

    }

    .idmng-menu .delete {
      text-align: right;
      margin-bottom: 60px;
    }

    .idmng-menu .delete a {
      display: inline-block;
      text-decoration: underline !important;
      font-size: 15px;
    }

    .idmng-menu .delete a:hover {
      text-decoration: none !important;
      opacity: 1;
    }



    .social-links {
      margin-top: 20px;
      flex-direction: column;
      align-items: center;
    }

    .social-links.pf-c-login__main-footer-links {
      margin-bottom: 65px;
    }

    @media screen and (max-width:767px) {
      .social-links.pf-c-login__main-footer-links {
        margin-bottom: 50px;
      }
    }

    .social-links li {
      margin-bottom: 15px;
    }

    .social-links li:last-child {
      margin-bottom: 0;
    }

    .social-links li .pf-m-block {
      width: 315px;
      border: none !important;
      border-color: transparent !important;
      color: #fff;
      border-radius: 0;
      padding: 13px 0 14px;
      position: relative;
      margin-bottom: 0;
      display: inline-block;
      text-decoration: none;
      font-size: 18px;
    }

    @media screen and (max-width:767px) {
      .social-links li .pf-m-block {
        width: 100%;
      }
    }




    .social-links li .pf-m-block::before {
      content: "";
      position: absolute;
      width: 48px;
      height: 48px;
      top: 50%;
      left: 22px;
      transform: translateY(-50%);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }

    .social-links .pf-m-block:hover {
      text-decoration: underline !important;
      opacity: 1 !important;
    }

    .social-links .pf-m-block .social-provider-name {
      display: block;
      text-align: center;
      position: static;
      line-height: 27px;
      font-weight: 700;
    }

       .social-links .pf-m-block .social-provider-name br {
      display: none;
   }
   @media screen and (max-width:374px) {
       .social-links .pf-m-block .social-provider-name br {
           display: block;
      }
   }

    .social-links .pf-m-block#social-LINE {
      background-color: #00B900;
    }

    .social-links .pf-m-block#social-LINE::before {
      background-image: url(../img/ico_line.svg);
    }

    .social-links .pf-m-block#social-twitter {
      background-color: #000;
    }

    .social-links .pf-m-block#social-twitter::before {
      background-image: url(../img/ico_x.svg);
    }

    .social-links .pf-m-block#social-apple {
      background-color: #fff;
      color: #222426;
      border: 1px solid #707070 !important;
    }

    .social-links .pf-m-block#social-apple::before {
      background-image: url(../img/ico_apple.svg);
    }

    .social-links .pf-m-block#social-daccount {
      background-color: #fff;
      color: #CC0033;
      border: 1px solid #707070 !important;
    }

    .social-links .pf-m-block#social-daccount::before {
      background-image: url(../img/ico_d-account.svg);
    }

    .social-links .pf-m-block#social-facebook {
      background-color: #1877F2;
    }

    .social-links .pf-m-block#social-facebook::before {
      background-image: url(../img/ico_facebook.svg);
    }

    .social-links .pf-m-block#social-google {
      background-color: #fff;
      color: #222426;
      border: 1px solid #707070 !important;
    }

    .social-links .pf-m-block#social-google::before {
      background-image: url(../img/ico_google.svg);
    }

    .fontcolor-red {
      color: #E60012;
    }
    .fontcolor-black {
      color:#222426;
    }


    #login-under15 .warning-btn{
    text-align: center;
    width: auto;
    border: none;
    font-size: 15px;
    font-weight: 400;
    margin: 0 auto;
    padding: 0;
    text-decoration: underline;
    min-height: auto;
    display: inline-block;
    background: url(../img/arrow_01.svg) no-repeat right center / 22px auto;
    margin-right: 0 !important;
    padding-right: 50px;
    min-height: 23px;
    text-decoration: underline !important;
    }


    #login-under15 .warning-btn:hover{
      background: url(../img/arrow_01.svg) no-repeat right center / 22px auto !important;
      text-decoration: none !important;
    }

    #login-under15 .warning-btn::before{
      right: 30px;
    }

    #login-under15 .warning-btn::after{
      display: none;
    }

    #login-under15 .warning-btn span{
    text-decoration: underline;
    }

    .font-bold{
      font-size: 24px;
      font-weight: bold;
    }

    .warning-msg .bullet {
        position: absolute;
        top: 8px;
        left: 0;
    }