.elementor-1232 .elementor-element.elementor-element-20e5f59{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1232 .elementor-element.elementor-element-20e5f59:not(.elementor-motion-effects-element-type-background), .elementor-1232 .elementor-element.elementor-element-20e5f59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );background-image:url("https://invest.arise-tec.net/wp-content/uploads/2025/01/HHIL-2.png");background-repeat:no-repeat;background-size:cover;}.elementor-1232 .elementor-element.elementor-element-4d94145 .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-1232 .elementor-element.elementor-element-51266c2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1232 .elementor-element.elementor-element-a8bba74{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1232 .elementor-element.elementor-element-1fea40b .elementor-button{background-color:#022FFF;border-radius:2px 2px 2px 2px;}.elementor-1232 .elementor-element.elementor-element-1fea40b .elementor-button:hover, .elementor-1232 .elementor-element.elementor-element-1fea40b .elementor-button:focus{background-color:#2519E5DE;}@media(min-width:768px){.elementor-1232 .elementor-element.elementor-element-a8bba74{--width:100%;}}@media(max-width:767px){.elementor-1232 .elementor-element.elementor-element-20e5f59{--content-width:100%;}.elementor-1232 .elementor-element.elementor-element-51266c2{width:var( --container-widget-width, 343.875px );max-width:343.875px;--container-widget-width:343.875px;--container-widget-flex-grow:0;}}@media(min-width:1025px){.elementor-1232 .elementor-element.elementor-element-20e5f59:not(.elementor-motion-effects-element-type-background), .elementor-1232 .elementor-element.elementor-element-20e5f59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS *//* フォーム全体をflexレイアウトに設定 */
.swpm-registration-form-section {
    display: flex;
    flex-direction: column; /* 縦並びを維持 */
}

/* 順番を自然な流れに設定 */
.swpm-form-row.swpm-username-row {
    order: 1; /* ユーザー名を最上部 */
}

.swpm-form-row.swpm-lastname-row {
    order: 2; /* 姓をユーザー名の次 */
}

.swpm-form-row.swpm-firstname-row {
    order: 3; /* 名を姓の次 */
}

.swpm-form-row.swpm-email-row {
    order: 4; /* メールを名の次 */
}

.swpm-form-row.swpm-password-row {
    order: 5; /* パスワード */
}

.swpm-form-row.swpm-repass-row {
    order: 6; /* パスワード再入力 */
}

.swpm-form-row.swpm-terms-row {
    order: 7; /* 利用規約 */
}
.swpm-form-row.swpm-pp-row {
    order: 8; /* 利用規約 */
}

.swpm-form-row.swpm-submit-section {
    order: 9; /* 登録ボタンを最後 */
}

/* 会員レベル（無料会員）を非表示 */
.swpm-form-row.swpm-membership-level-row {
    display: none;
}


/* フォーム全体のスタイル */
.swpm-login-widget-form, .swpm-registration-widget-form {
    width: 400px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    font-family: 'Arial', sans-serif;
    transition: transform 0.3s, opacity 0.3s;
}

/* ラベルスタイル */
.swpm-label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    display: block;
    margin-bottom: 8px;
}

/* 入力フィールドスタイル */
.swpm-text-field {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 15px;
    transition: border-color 0.3s;
}

.swpm-text-field:focus {
    border-color: #0056b3;
    outline: none;
}

/* ボタン */
.swpm-login-form-submit, .swpm-registration-submit-button {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.swpm-login-form-submit:hover, .swpm-registration-submit-button:hover {
    background-color: #0056b3;
}

/* タブボタン */
.e-n-tab-title {
    background: #f0f0f0;
    border: none;
    padding: 10px 20px;
    margin-right: 5px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.e-n-tab-title[aria-selected="true"] {
    background: #007bff;
    color: #fff;
}

.e-n-tab-title:hover {
    background: #0056b3;
    color: #fff;
}

/* コンテンツ切り替えのトランジション */
.e-n-tabs-content > div {
    display: none;
    opacity: 0;
    transform: scale(0.95);
    transition: transform 0.3s, opacity 0.3s;
}

.e-n-tabs-content > div.e-active {
    display: block;
    opacity: 1;
    transform: scale(1);
}

input[type="text"], input[type="password"] {
    width: calc(100%); /* 50px増加例 */
    box-sizing: border-box; /* パディングやボーダーを含む幅 */
}

/* シャープで洗練されたボタンのスタイル */
.swpm-registration-form-submit.registration-button-style {
    background-color: #6A1B9A;  /* 紫色 */
    color: white;
    border: none;
    padding: 15px 20px;  /* 余白を調整してコンパクトに */
    font-size: 14px;  /* 少し小さめのフォント */
    font-weight: 600;  /* フォントを少し太く */
    cursor: pointer;
    border-radius: 4px;  /* 角を少しだけ丸く */
    transition: background-color 0.3s ease, transform 0.2s ease;
    width: 100%;
}

/* ボタンホバー時のスタイル */
.swpm-registration-form-submit.registration-button-style:hover {
    background-color: #9C4D97; /* 少し明るい紫色 */
    transform: translateY(-2px);  /* 少し浮かせてシャープさを強調 */
}

/* ボタンフォーカス時のスタイル */
.swpm-registration-form-submit.registration-button-style:focus {
    outline: none;
    box-shadow: 0 0 5px rgba(106, 27, 154, 0.5); /* 紫の影 */
    transform: translateY(-2px); /* ホバー時と同じ効果 */
}

/* ボタンが無効な場合のスタイル */
.swpm-registration-form-submit.login-button-style:disabled {
    background-color: #E1BEE7; /* 淡い紫 */
    cursor: not-allowed;
}
/* シャープで洗練されたボタンのスタイル（登録ボタン） */
.swpm-submit.swpm-registration-submit-button {
    background-color: red;  /* 紫色 */
    color: white;
    border: none;
    padding: 16px 20px;  /* 余白を調整してコンパクトに */
    font-size: 14px;  /* 少し小さめのフォント */
    font-weight: 600;  /* フォントを少し太く */
    cursor: pointer;
    border-radius: 4px;  /* 角を少しだけ丸く */
    transition: background-color 0.3s ease, transform 0.2s ease;
}

/* ボタンホバー時のスタイル（登録ボタン） */
.swpm-submit.swpm-registration-submit-button:hover {
    background-color: #9C4D97; /* 少し明るい紫色 */
    transform: translateY(-2px);  /* 少し浮かせてシャープさを強調 */
}

/* ボタンフォーカス時のスタイル（登録ボタン） */
.swpm-submit.swpm-registration-submit-button:focus {
    outline: none;
    box-shadow: 0 0 5px rgba(106, 27, 154, 0.5); /* 紫の影 */
    transform: translateY(-2px); /* ホバー時と同じ効果 */
}

/* ボタンが無効な場合のスタイル（登録ボタン） */
.swpm-submit.swpm-registration-submit-button:disabled {
    background-color: #E1BEE7; /* 淡い紫 */
    cursor: not-allowed;
}

#login-button{
    width: 400px;
}


.swpm-registration-success-msg {
    color: white;
}

/* モバイル用のスタイル */
@media (max-width: 480px) {
    /* フォームの幅を画面の90%に設定 */
#swpm-registration-form {
    width: 90%;
    margin: 0 auto; /* 中央揃え */
    box-sizing: border-box; /* パディングを含めて幅を計算 */
}

    .elementor-widget-container {
        padding: 10px;
    }

    .swpm-registration-widget-form {
        gap: 10px;
        width: 100%;
    }

    #swpm-registration-form {
        width: 90%; /* 画面の90%に設定 */
        margin: 0 auto; /* 中央揃え */
        box-sizing: border-box;
    }

    .swpm-username-label,
    .swpm-password-label {
        font-size: 14px;
    }

    .swpm-text-field {
        font-size: 12px;
        padding: 8px;
    }

    .swpm-remember-me {
        font-size: 12px;
    }

    .swpm-registration-form-submit {
        font-size: 14px;
        padding: 8px;
    }

    .swpm-forgot-pass-link,
    .swpm-join-us-link,
    .swpm-registration-action-msg {
        font-size: 12px;
    }

    #login-button {
        width: 100%;
    }
    
    
.swpm-registration-success-msg {
    color: black;
}
}

.hide-rego-form-msg {
    display: none;
}/* End custom CSS */