@charset "UTF-8";
body {
    font-family: Noto Sans CJK JP, sans-serif !important;
}

.v-application {
    font-family: Noto Sans CJK JP, sans-serif !important;
}
.v-application a{
    color: #002CFF !important;
}
header {
    background: #F3F3F3;
}

header.v-app-bar img {
    width: 375px !important;
    margin: auto;
    min-height: 68px;
}

.v-app-bar .v-toolbar__content {
    padding: 0;
    flex-direction: column;
}
main {
    background: #F3F3F3;
}

.font16-bold {
    font-size: 16px !important;
    font-weight: 700 !important;
    font-style: normal;
}

.font18-bold {
    font-size: 18px !important;
    font-weight: 700 !important;
    font-style: normal;
}

.font14 {
    font-size: 14px !important;
    font-style: normal;
}
.font14-bold {
    font-size: 14px !important;
    font-weight: 700;
    font-style: normal;
}
.pink-font{
    color: #E84797;
}
.black-font{
    color: black;
}
.btn-sy {
    width: 295px;
    height: 56px !important;
    box-shadow: 0px 3px 6px #00000029 !important;
}
.btn-sy.small-btn {
    width: 124px !important;
    height: 48px !important;
}

.btn-sy.no-border {
    border: none !important;
    box-shadow: none !important;
}

.btn-sy .v-btn__content {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    position: relative;
    width: 100%;
    justify-content: center;
}

.btn-sy.v-btn--outlined {
    border: 2px solid;
}

.btn-icon-left .v-btn__content .v-icon {
    position: absolute !important;
    left: 25px !important;
    font-size: 24px !important;
}

.btn-icon-right .v-btn__content .v-icon {
    position: absolute !important;
    right: 25px !important;
    font-size: 24px !important;
}
.btn-white-font .v-btn__content{
    color: white !important;
}

.title-group {
    background-color: #f3f3f3 !important;
    padding: 0 !important;
}

.title-icon {
    width: 8px;
    height: 24px;
    background-color: #FF4081;
    display: block;
    margin-right: 8px;
}

.title-text {
    font-size: 16px;
}

.input-group {
    min-width: 295px;
}

.input-label-new {
    color: #FF4081;
    margin-bottom: 4px;
}

.v-text-field .v-input__control {
    border-radius: 8px !important;
    font-weight: 500;
}

.v-text-field--enclosed .v-input__append-inner {
    margin-top: 17px !important;
}

.v-text-field--enclosed .v-input__append-inner img {
    width: 28px;
    cursor: pointer;
}

.counter-input.v-text-field.v-text-field--enclosed .v-text-field__details {
    position: absolute !important;
    right: 0 !important;
    top: -20px !important;
}
.counter-input .v-input__slot{
    margin-bottom: 0 !important;
}

.required-tag {
    border-radius: 4px !important;
    height: 24px !important;
    border-width: 2px !important;
    width: 40px;
    padding: 0 !important;
    font-size: 14px !important;
    margin-left: 4px !important;
}

.gender.v-input--radio-group.v-input--radio-group--row .v-radio {
    min-width: 130px !important;
    margin-bottom: 12px;
}

.gender.v-input--radio-group.v-input--radio-group--row .v-messages {
    display: none !important;
}

.gender.v-input--radio-group.v-input--radio-group--row .v-input--radio-group__input {
    max-width: 300px !important;
}

.required-tag span {
    margin: auto;
}

.note {
    color: #848484;
    font-weight: 500;
}

.form-card {
    margin: 18px 0 24px;
    box-shadow: none !important;
    border-radius: 8px !important;
}

.v-card__text {
    padding-top: 16px !important;
}

.buttons-div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dialog-icon {
    margin: auto;
    width: 60px;
    height: 60px;
}

.dialog-dark-button {
    margin: auto;
}

.dialog-dark-button span {
    color: white !important;
}

.dialog-text {
    text-align: center;
    font-size: 14px !important;
    font-weight: bold !important;
    color: black !important;
}

.policy-iframe {
    border: none;
    background-color: #F3F3F3;
    width: 100%;
    height: 100%;
}

.face-pink-title {
    color: #E84797;
    justify-content: center;
    flex-direction: column;
    line-height: 1.4 !important;
    padding-bottom: 0px !important;
}

.link-div {
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.face-image {
    width: 100%;
    height: auto;
    max-width: 150px;
}

@media (min-height: 668px) {
    .face-pink-title {
        margin-bottom: 10px !important;
    }

    .link-div {
        margin-bottom: 15px !important;
    }
}
@media (max-height: 950px) and (min-height: 700px) {
    .face-image {
        max-width: 200px !important;
    }
}
@media (min-height: 950px) {
    .face-image {
        max-width: 250px !important;
    }
}

.alert-div {
    padding: 10px !important;
}

.alert-div i {
    margin: auto 9px auto 0;
    font-size: 28px !important;
}
.alert-div .v-alert__content {
    color: black;
    font-size: 14px !important;
}
.orange-alert i {
    color: #FFA303 !important;
}
.red-alert i{
    color: red !important;
}