html, body {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "M PLUS 1", sans-serif;
    font-weight: 400;
    font-size: 14px;
    background-color: #FDFFEE;
    color: #707070;
    height: 100%;
}
body {
    background: url(image/login/login_daen.png) no-repeat top -90px right -90px, url(image/login/login_daen.png) no-repeat bottom -90px left -90px;
}
  /*  body::before {
        content: "";
        background-color: #FFEDD5;
        width: 240px;
        height: 180px;
        position: absolute;
        border-radius: 50%;
        top: -90px;
        right: -141px;
    }
    body::after {
        content: "";
        background-color: #FFEDD5;
        width: 240px;
        height: 180px;
        position: absolute;
        border-radius: 50%;
        bottom: -90px;
        left: -141px;
    }*/
    a {
        text-decoration: none;
        color: #ea9740;
    }
        a:hover {
            color: #c35f1e;
        }
.login_header{
    margin-bottom:20px;
}
.login_main {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 10;
    max-width: 768px;
    margin: 0 auto;
    padding-top: 20px;
}
.login_info_msg .text {
    text-align: center;
}
.sec_login{
    width:100%;
    flex:1 1 auto;
}
.login_form {
    padding: 50px 20px 20px;
}
.login_title {
    color: #9A3412;
    text-align:center;
}

.login_dl{
    
}
.login_dt{

}

.login_dd{
    position:relative;
}
    .login_dd .login_input {
        padding-left: 40px;
    }
    .login_dd i {
        font-size: 22px;
        position: absolute;
        top: 17px;
        transform: translateY(-50%);
        left: 8px;
    }
    .login_dd .pass_icon {
        top: 18px;
        transform: translateY(-50%);
    }
    .btn-orange {
        color: #fff;
        background-color: #ea9740;
        border-color: #ea9740;
    }

    .btn-orange:hover {
        color: #fff;
        background-color: #D29417;
        border-color: #D29417;
    }

    .btn-check:focus + .btn-orange, .btn-orange:focus {
        color: #fff;
        background-color: #D29417;
        border-color: #D29417;
        box-shadow: 0 0 0 0.25rem rgb(230 162 24 / 50%);
    }

.btn-outline-orange {
    color: #ea9740;
    border-color: #ea9740;
}

    .btn-outline-orange:hover {
        color: #fff;
        background-color: #ea9740;
        border-color: #ea9740;
    }
    .btn-orange:focus, .btn-orange:active:focus,
    .btn-outline-orange:focus, .btn-outline-orange:active:focus {
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #ffe6da;
    }
.text-orange-500 {
    color: #ea9740;
}
.sec_register{
    width:100%;
    padding-bottom:30px;
}
.c_inner {
    padding: 0 20px;
}

.head-border {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
}

    .head-border:before,
    .head-border:after {
        content: "";
        height: 1px;
        flex-grow: 1;
        background-color: #666;
    }

    .head-border:before {
        margin-right: 1rem;
    }

    .head-border:after {
        margin-left: 1rem;
    }
.forgot_password{
    text-align:center;
    margin:10px 0 0;
}
.login_c_inner {
    padding-right:20px;
    padding-left:20px;
}
.login_main .sub_title {
    color: #9A3412;
}
.c_login_form{
    display:flex;
    flex-direction:column;
}
.content_body{
    flex:1 1 auto;
}
.content_footer {
    padding-bottom: 30px;
}
.kihon_area{
    margin-bottom:40px;
}
.sub_login_main {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 10;
    max-width: 768px;
    margin: 0 auto;
}
.sw-input {
    transition: border-color .3s, background-color .3s;
}
    .sw-input:focus {
        border-color: #ea9740;
        outline: none;
        box-shadow: unset;
    }
.sw-check-input:checked {
    background-color: #ea9740;
    border-color: #ea9740;
}
.sw-check-input:focus {
    box-shadow:unset;
}
.sw-input::-webkit-input-placeholder {
    color: #d9d9d9
}

.sw-input::placeholder {
    color: #d9d9d9
}

.sw-input:-ms-input-placeholder {
    color: #d9d9d9
}

.sw-input::-ms-input-placeholder {
    color: #d9d9d9
}

.sw-input::-moz-placeholder {
    color: #d9d9d9;
    opacity: 1
}
.two_button {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}
.authcode-container {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
}

.authcode-input {
    border: 2px solid #e5e5e5;
    border-radius: 4px;
    font-size: 42px;
    font-weight: 600;
    height: 96px;
    outline: none;
    padding: 6px 10px;
    text-align: center;
    width: 64px;
}
/* スピナー（矢印）の非表示 */
/* Chrome, Safari, Edge, Opera */
input[type=number].no-spin::-webkit-outer-spin-button,
input[type=number].no-spin::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number].no-spin {
    -moz-appearance: textfield;
}

.sub_title_wrap{
    display:flex;
    align-items:center;
    margin-bottom:10px;
}
    .sub_title_wrap .icon_image {
        width: 26px;
        margin-right:5px;
        margin-bottom:0;
    }
.sw-card {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #e9e9e9;
}
.text-blown {
    color: #9A3412;
}
.border-orange {
    border-color: #f97316;
}
.bg-orange-100 {
    background-color: #ffedd5;
}
.text-orange-700 {
    color: #c2410c;
}
.border-l-3 {
    border-left-style: solid;
    border-left-width: 3px;
}