@import "./default.css";
@import "./responsive.css";

:root {
    --primary-color:#E8E8E8;
    --secondary-color: #0099FF;
}

html,
body {
    margin: 0;
    line-height: 1.65;
    font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
}

p {
    margin-bottom: 0;
}

a {
    color: #0099FF;
}

a:hover {
    color: #0099FF;
}

.container-wrapper {
    background: #EDEDED;
}

.content_text-small {
    font-size: 14px;
}

.color-primary {
    color: var(--primary-color);
}

.container {
    background: #fff;
    height: 100%;
    padding-top: 130px;
    padding-bottom: 90px;
    word-break: break-word;
}

.container-register {
    max-width: 760px;
}

.container.complete {
    height: 100vh;
}

/* navigation */
.cont-flow {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    max-width: 670px;
    margin: 0 auto;
}

.cont-flow .cont-flow_item {
    position: relative;
    text-align: center;
    flex: 1;
}

.cont-flow .cont-flow_number {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    margin: 0 auto;
    border: 2px solid #767676;
    font-size: 23px;
    color: #767676;
    border-radius: 99px;
    background-color: #FFFFFF;
    z-index: 2;
}

@media (max-width: 767px) {
    .cont-flow .cont-flow_number {
        width: 36px;
        height: 36px;
        font-size: 15px;
        font-weight: bold;
    }
}


.cont-flow .cont-flow_item.active .cont-flow_number {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0099FF;
    border: none;
}

.cont-flow .cont-flow_text {
    margin: 9px 0 0;
    line-height: 1.5;
}

.cont-flow .cont-flow_text p {
    font-size: 16px;
    font-weight: bold;
    color: #767676;
}

@media (max-width: 767px) {
    .cont-flow .cont-flow_text p {
        font-size: 12px;
    }
}


.cont-flow .cont-flow_item.active .cont-flow_text p {
    color: #0099FF;
}

.cont-flow .cont-flow_item::before,
.cont-flow .cont-flow_item::after {
    position: absolute;
    width: 50%;
    height: 2px;
    top: 28px;
    background-color: #767676;
    content: "";
    z-index: 1;
}

@media (max-width: 767px) {
    .cont-flow .cont-flow_item::before,
    .cont-flow .cont-flow_item::after {
        height: 2px;
        top: 18px;
    }
}

.cont-flow .cont-flow_item.active::before {
    background-color: #0099FF;
}

.cont-flow .cont-flow_item.completed::after {
    background-color: #0099FF;
}

.cont-flow .cont-flow_item::after {
    right: 0;
}

.cont-flow .cont-flow_item:first-child:before,
.cont-flow .cont-flow_item:last-child:after {
    content: none;
}

.cont-flow .cont-flow_item:before {
    left: 0;
}


/* content */
.content__lead {
    color: #000000;
    font-weight: bold;
    font-size: 18px;
}

.accordion_header {
    height: 74px;
    padding: 0 22px 0 0;
    margin-bottom: 30px;
    display: flex;   
    border-radius: 10px;
    align-items: center;
    justify-content: space-between;
    border: #0099FF 2px solid;
    cursor: pointer;
}

@media (max-width: 767px) {
    .accordion_header {
        height: 60px;
    }
}

.accordion_header:last-child {
    margin-bottom: 50px;
}

.accordion_header.open {
    background-color: #0099FF;
}

.accordion_header h2 {
    padding-left: 20px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}

@media (max-width: 767px) {
    .accordion_header h2 {
        font-size: 14px;
    }
}

.accordion_header.open h2 {
    color: #FFFFFF;
}

.accordion-icon {
    position: relative;
    width: 20px;
    height: 20px;
}

@media (max-width: 767px) {
    .accordion-icon {
        width: 16px;
        height: 16px;
    }
}
  
.accordion-icon::before,
.accordion-icon::after {
    content: "";
    position: absolute;
    background-color: #0099FF;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.open .accordion-icon::before,
.open .accordion-icon::after {
    background-color: #FFFFFF;
}

/* 横線 */
.accordion-icon::before {
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
}

/* 縦線 */
.accordion-icon::after {
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    transform: translateX(-50%);
    color: #FFFFFF;
}

.accordion_header.open .accordion-icon::after {
    transform: translateX(-50%) rotate(90deg); 
    opacity: 0;
}

.accordion_content {
    margin-bottom: 40px;
    display: none;
}

.accordion_content p {
    font-size: 14px;
}

.content__list {
    list-style: none;
    margin: 16px 0 36px;
    padding: 0;
}

.content__list > li {
    position: relative;
    margin-top: 8px;
    padding-left: 19px;
    font-size: 16px;
}

@media (max-width: 767px) {
    .content__list > li {
        font-size: 14px;
    }
}

.content__list > li:first-child {
    margin-top: 0;
}

.content__list > li::before {
    position: absolute;
    left: 0;
    top: 0.5em;
    width: 10px;
    height: 10px;
    background-color: #0099FF;
    border-radius: 20px;
    content: "";
}

[class*="content__link"] {
    display: inline;
    font-size: 16px;
}

[class*="content__link"]:hover {
    color: var(--primary-color);
}

.content__link-blank:after,
.content__link-pdf:after {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    top: 0;
    right: 0;
    margin-left: 11px;
    margin-right: 10px;
    content: "";
}

.content__link-blank::after {
    background: url(../../img/cont_blank_ic01.png) no-repeat center/100%;
}

.content__type-pdf:after {
    background: url(../../img/cont_pdf_ic01.png) no-repeat center/100%;
}

.content__box {
    padding: 7px 25px 24px;
    border-radius: 20px;
    border: 2px solid #dc441b;
}

.content__heading-lv2 {
    margin: 32px 0 30px;
}

.content__heading-lv2_title {
    margin: 0;
    font-size: 34px;
    font-weight: bold;
}

.content__link-normal {
    color: var(--dark);
}

.content__link-arrow:after {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    top: 0;
    right: 0;
    border-top: 2px solid #005dbd;
    border-right: 2px solid #005dbd;
    transform: rotate(45deg);
    content: "";
}

.content__pdf {
    display: flex;
    flex-flow: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-between;
}

.content__type-pdf {
    font-size: 16px;
    display: inline-block;
    margin-top: 8px;
}

.content__note {
    font-size: 14px;
    color: #666;
}

.content__heading-lv3_title {
    font-size: 22px;
}

.content__text {
    font-size: 16px;
}

.content__list-normal li {
    position: relative;
    font-size: 14px;
    margin-top: 10px;
    padding-left: 16px;
}

.content__list-normal li:first-child {
    margin-top: 0;
}

.content__list-normal li:before {
    position: absolute;
    left: 0;
    top: 9px;
    width: 3px;
    height: 3px;
    background-color: #666;
    border-radius: 50%;
    content: "";
}

.content__button .btn-link {
    text-align: center;
    display: block;
    font-size: 18px;
    font-weight: bold;
    border-radius: 99px;
    width: 100%;
    transition: all .4s ease;
}

.content__button .apply-btn {
    max-width: 340px;
    margin-top: 13px;
    padding: 20px 25px;
    background: #0099FF;
    color: #fff;
    border: 2px solid #fff;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .content__button .apply-btn {
        height: 70px;
    }
}

.content__button .back-btn {
    max-width: 158px;
    margin-top: 21px;
    padding: 20px 25px;
    border: 2px solid var(--secondary-color);
    background-color: #fff;
    color: var(--secondary-color);
    margin: 21px auto 0;
}

.content__button .apply-btn:hover {
    background: #fff;
    color: var(--secondary-color);
    border-color: var(--secondary-color);
    text-decoration: none;
}

.content__button .back-btn:hover {
    color: #fff;
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    text-decoration: none;
}

.card__content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.card__title {
    font-size: 20px;
    font-weight: bold;
}

.card_items-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.card_items-wrapper p {
    text-align: center;
    font-size: 10px;
}

.card_item{
    width: 150px;
    text-align: center;
    margin-top: 10px;
}

@media (max-width: 450px) {
    .card__wrapper .card__content {
        flex-flow: wrap;
        -ms-flex-wrap: wrap;
    }

    .card__wrapper .card__title {
        flex-basis: 100%;
        margin-right: 0;
        text-align: center;
    }
}

/* step 2 */

.user-info .content__heading {
    margin: 26px 0 20px;
}

#form-user-info .step2-card-select-block,
#form-user-info .step2-card-select-block * {
    box-sizing: border-box;
}

#form-user-info .step2-card-select-block {
    margin-bottom: 18px;
}

#form-user-info .step2-card-select-title {
    font-size: 36px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 12px;
}

#form-user-info .step2-card-select-block .entry_card_type_sec {
    justify-content: flex-start;
}

#form-user-info .step2-card-select-block .entry_card_type_wrap {
    justify-content: center;
}

#form-user-info .content__details,
#form-user-info .content__details * {
    box-sizing: border-box;
}

@media (max-width: 767px) {
    #form-user-info .step2-card-select-title {
        font-size: 26px;
        margin-bottom: 10px;
    }

    #form-user-info .step2-card-select-block .entry_card_type_sec {
        justify-content: flex-start;
        gap: 8px;
    }

    #form-user-info .step2-card-select-block .entry_card_type_wrap {
        flex: 0 0 calc(50% - 4px);
        max-width: calc(50% - 4px);
        justify-content: flex-start;
    }

    #form-user-info .step2-card-select-block .entry_card_type_card {
        width: 100%;
        max-width: 100%;
    }

    #form-user-info .step2-card-select-block .entry_card_type_card .card_body {
        width: 100%;
    }

    #form-user-info .step2-card-select-block .entry_card_type_wrap:nth-child(2n-1) {
        margin-right: 0;
    }

    #form-user-info .row.two_card_sec {
        margin-left: 0;
        margin-right: 0;
    }

    #form-user-info .content__details {
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #form-user-info .content__details table {
        width: 100% !important;
        max-width: 100% !important;
    }

    #form-user-info .content__details span {
        white-space: normal !important;
    }

    #form-user-info .content__details input,
    #form-user-info .content__details select,
    #form-user-info .content__details textarea,
    #form-user-info .content__details div[style*="width"],
    #form-user-info .content__details select[style*="width"] {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #form-user-info .content__details textarea {
        width: 100% !important;
    }

    #form-user-info .content__details .two_card_sec {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    #form-user-info .content__details .two_card_sec > div {
        flex: 0 0 calc(50% - 4px) !important;
        max-width: calc(50% - 4px) !important;
        margin-bottom: 0 !important;
    }

    #form-user-info .content__details .two_card_sec .card {
        height: 100% !important;
    }
}

.content__heading-title {
    margin: 0;
    font-size: 24px;
}

.content__heading-title span {
    display: block;
    font-weight: inherit;
}

.content__detail-left span {
    display: block;
}

.content__detail-left .content__detail-icon {
    display: inline-block;
    border: 1px solid #FF0000;
    border-radius: 4px;
    padding: 5px;
    line-height: 1;
    font-size: 12px;
    font-weight: bold;
    background-color: #fff;
    color: #FF0000;
}

.content__detail-cell {
    padding: 11px 13px 12px;
    background-color: var(--primary-color);
    border: 1px solid #ddd;
    color: #000000;
    font-weight: bold;
    font-size: 16px;
    vertical-align: top;
}

@media (max-width: 767px) {
    .has_child .child {
        width: 100% !important;
        background-color: #FFFFFF;
        border: none;
    }
}

@media (max-width: 767px) {
    .has_child .child_head {
        padding: 6px 13px 0px;
    }
}

.content__detail-cell span {
    display: block;
    font-weight: bold;
}

.content__detail-cell .content__detail-icon {
    display: inline-block;
    border: 1px solid #FF0000;
    border-radius: 4px;
    padding: 5px;
    line-height: 1;
    font-size: 12px;
    font-weight: bold;
    background-color: #fff;
    color: #FF0000;
}

.content_detail-cell-wrapper {
    position: relative;
    padding: 11px 13px 12px;
    border: 1px solid #ddd;
    font-size: 16px;
    vertical-align: top;
}

.content_detail-cell-wrapper select {
    width: 100%;
}

.content_detail-cell-wrapper > div {
    display: flex;
    /*justify-content: space-between;*/
    flex-flow: wrap;
}

.content_detail-cell-wrapper .content_tbox_detail {
    display: flex;
    align-items: center;
}

.content__detail-cell.left {
    width: 15%;
}

.content__detail-cell.right {
    width: 10%;
}

.content_tbox_row {
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

.content_tbox [class*="content_tbox_field"] {
    margin-left: 23px;
    padding: 10px 20px;
    border: 2px solid #ddd;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    width: 100%;
}

.content_tbox [class*="content_tbox_field"]::placeholder {
    font-weight: normal;
}

.content_tbox .field_long {
    max-width: 205px;
}

.content_tbox .field_semilong {
    max-width: 130px;
}

.content_tbox .field_medium {
    max-width: 110px;
}

.content_tbox .field_short {
    max-width: 100px;
}

.content_tbox_ex-name {
    margin-left: calc(1em + 23px);
}

[class*="content_tbox_ex"] {
    margin-top: 10px;
    font-size: 14px;
}

.card_type div {
    display: flex;
    align-items: center;
    flex-basis: 100%;
}

.card_type div input {
    margin-right: 5px;
}

.content_tbox.phone .content_tbox_detail p {
    max-width: 100%;
    flex-basis: 29%;
}

.zip-code .content_tbox {
    display: grid;
    flex-basis: 100%;
    align-items: center;
}

.content_pulldown {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-bottom: 0   ;
}

.content_pulldown::after {
    position: absolute;
    right: 15px;
    width: 10px;
    height: 7px;
    background-color: #535353;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}

.content_pulldown select {
    appearance: none;
    width: 180px;
    height: 2.8em;
    padding: .4em calc(.8em + 30px) .4em .8em;
    margin-right: 10px;
    border: 2px solid #d0d0d0;
    border-radius: 3px;
    background-color: #fff;
    color: #333333;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
}

@media (max-width: 767px) {
    .content_pulldown select {
        width: 285px;
    }
}

.roma_sec span {
    font-weight: bold;
    margin-bottom: 11px;
}

.residence_years .content_tbox_row {
    flex-basis: 60%;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .rent_payment {
        flex-direction: column;
        flex-flow: column !important;
    }
}

.rent_payment .radio_group,
.mortgage_payment .radio_group {
    flex-basis: 100%;
}

.zip-code .content_link-list_type {
    margin-left: 15px;
}

.content__box-header {
    padding: 25px 28px;
    background-color: #f0f4f7;
    border-radius: 20px;
}

.content_check-box input {
    display: none;
}

.content_check-box .content_check-box_label {
    position: relative;
    display: inline-block;
    padding-left: 29px;
    user-select: none;
}

.content_check-box .content_check-box_label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #767676;
    background-color: #fff;
    content: "";
}

input[type='radio'] {
    display: none;
}

.content_radio_label {
    position: relative;
    display: inline-block;
    padding-left: 29px;
    margin-bottom: 0;
    font-weight: bold;
}

input[type='radio']:checked + .content_radio_label::after {
    position: absolute;
    top: 25%;
    left: 6px;
    width: 12px;
    height: 12px;
    background-color: #0099FF;
    border-radius: 50%;
    content: "";
}

@media (max-width: 767px) {
    input[type='radio']:checked + .content_radio_label::after {
        top: 35%;
        left: 5px;
        width: 8px;
        height: 8px;
    }
}

.content_radio_label::before {
    position: absolute;
    top: 50%;
    left: 2px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    border: 1px solid #767676;
    background-color: #fff;
    border-radius: 99px;
    content: "";
}

@media (max-width: 767px) {
    .content_radio_label::before {
        width: 14px;
        height: 14px;
    }
}

@media (min-width: 767px) { 
    .min-w-100{
        min-width: 100px;
    }
}

.card {
    margin-bottom: 10px;
    border: 2px solid #DDDDDD;
    border-radius: 4px;
}

.card_radio {
    cursor: pointer;
}

.card_body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.4rem;
    display: flex;
    align-items: center;
    width: 170px;
    height: 48px;
}

@media (max-width: 767px) {
    .card_body {
        width: 145px;
    }
}

.card_radio:has(input[type="radio"]:checked) {
    background-color: #EAF7FF;
    border: 2px solid #0099FF;
}

.card_radio_label {
    padding-left: 0px;
}

.card_radio_label {
    position: relative;
    display: inline-block;
    padding-left: 29px;
    margin-bottom: 0;
    font-weight: bold;
}

.card_radio_label::before {
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    border: 1px solid #767676;
    background-color: #fff;
    border-radius: 99px;
    content: "";
}

input[type='radio']:checked + .card_radio_label::after {
    top: auto;
}

.entry_card_type_sec {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .entry_card_type_sec {
        justify-content: space-between;
    }
}

.entry_card_type_wrap {
    display: flex;
    flex: 0 0 33.33%;
}

@media (max-width: 767px) {
    .entry_card_type_wrap {
        flex: 0 48%;
    }
}

@media (max-width: 390px) {
    .entry_card_type_wrap:nth-child(2n-1) {
        margin-right: 10px;
    }
}

.entry_card_type_card {
    width: 230px;
    height: 270px;
    margin-bottom: 20px;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 767px) {
    .entry_card_type_card {
        width: 100%;
        height: 180px;
        margin-bottom: 20px;
        flex-direction: column;
        align-items: center;
    }
}

.entry_card_type_card .card {
    flex-direction: column;
}

.entry_card_type_card .card_body {
    flex-direction: column;
    align-items: initial;
    justify-content: space-between;
    padding: 66px 0 25px;
}

@media (max-width: 767px) {
    .entry_card_type_card .card_body {
        padding: 43px 17px 17px;
        width: 160px;
    }
}

.entry_card_type_radio_label {
    padding: 0 5px;
    text-align: center;
    line-height: 1.3;
}

@media (max-width: 767px) {
    .entry_card_type_radio_label {
        font-size: 14px;
        letter-spacing: -0.56px;
        padding: 0;
    }
}

.entry_card_type_radio_label::before {
    top: -33px;
    left: 44%;
}

input[type='radio']:checked + .entry_card_type_radio_label::after {
    top: -39px;
    left: 46.5%;
}

@media (max-width: 767px) {
    input[type='radio']:checked + .entry_card_type_radio_label::after {
        top: -37px;
        left: 46%;
    }
}

.entry_card_type_img {
    width: 180px;
}

@media (max-width: 767px) {
    .entry_card_type_img {
        width: 120px;
        margin: auto;
    }
}

.two_card_sec {
    padding: 0 15px;
}

.two_card_sec div:first-child .card {
    margin-right: 15px;
}

.content__details .content__detail-right.card-parent-wrapper {
    padding: 11px 13px 12px;
}

@media (max-width: 767px) {
    .content__details .content__detail-right.card-parent-wrapper {
        padding: 11px 15px 0 18px;
    }
}

.card_big {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; 
    min-height: 70px; 
    padding: 0.4rem; 
    display: flex; 
}

@media (max-width: 767px) {
	.card_big {
        min-height: 48px; 
    }
}

@media (max-width: 767px) {
	.card_big .card_body {
        width: 100%; 
    }
}

.syksyu-block {
    padding-left: 10px;
}

.col-md-4{
    padding: 0 10px 0 0;
}

@media (max-width: 767px) {
    .col-md-4{
	    padding: 0 15px 0 5px;
    }
}

.syksyu_card {
    margin-bottom: 10px;
}

.syksyu_card_radio {
    cursor: pointer;
}

@media (max-width: 766px) {
	.syksyu_card{
        margin-bottom: 11px;
        
    }
}

.syksyu_radio_label {
    display: flex;
    align-items: center;
    padding: 0 10px 0px 25px;
    cursor: pointer; 
}

input[type='radio']:checked + .syksyu_radio_label::after{
    top: auto;
}

.family .content_pulldown {
    margin-top: 5px;
}

.content_check-box input:checked + .content_check-box_label:before {
    border: 2px solid #0099FF;
    background-color: #0099FF;
}

.content_check-box input:checked + .content_check-box_label:after {
    position: absolute;
    top: 2px;
    left: 6px;
    width: 8px;
    height: 12px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(45deg);
    content: "";
}

.content__note-row {
    margin-top: 16px;
}

.content_note_mini_gray li {
    color: #767676;
    font-size: 0.8rem;
}

.heading__note,
.content__note-row {
    position: relative;
    padding-left: 20px;
}

.heading__note a {
    color: #0099FF;
}

.heading__note a:hover {
    text-decoration: none;
}

.content__note-list {
    margin-top: 16px;
}

.heading__note .content__note-list_mark,
.content__note-row .content_note_mark {
    position: absolute;
    top: 0;
    left: 0;
}

.company-info .content__details .content__detail-right {
    font-size: 14px;
}

.company-info .content_tbox .rent_money {
    max-width: 70px;
}

.life-web-desk .content_tbox p {
    flex-basis: 40%;
}

.life-web-desk .content_tbox input {
    flex-basis: 60%;
}

.ansyo_no_ex {
    width: 140px !important;
    max-width: 140px !important;
    padding-right: 10px !important;
}

.eye_tbox {
    position: relative;
}

.eye {
    position: absolute;
    top: 15px;
    cursor: pointer;
}

#ansyo_no_eye {
    left: 102px;
}

#pass_eye {
    left: 167px;
}

.pass-btn {
    color: #fff;
    background-color: #0099FF;
    border: 2px solid #0099FF;
    height: 50.39px;
    width: 80px;
    font-weight: bold;
}

.pass-btn:hover {
    background: #fff;
    color: var(--secondary-color);
    border-color: var(--secondary-color);
    text-decoration: none;
}

.pass-btn.focus, .pass-btn:focus {
    color: #fff;
    background-color: #0099FF;
}

@media (min-width: 767px) {
    #cashModal .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }
}

#cashModal .modal-dialog .modal-content {
    border-radius: 1rem;
    padding: 1.5rem;
}

#cashModal .modal-dialog .modal-content .modal-footer {
    border: none;
}

#cashModal .modal-dialog .modal-content .modal-footer #CashButton1 {
    text-align: center;
    display: block;
    font-size: 18px;
    font-weight: bold;
    border-radius: 99px;
    width: 100%;
    transition: all .4s ease;
    max-width: 340px;
    margin-top: 13px;
    padding: 10px 25px;
    background: #0099FF;
    color: #fff;
    border: 2px solid #fff;
    margin: 0 auto;
}

#cashModal .modal-dialog .modal-content .modal-footer #CashButton1:hover {
    background: #fff;
    color: var(--secondary-color);
    border-color: var(--secondary-color);
    text-decoration: none;
}

#cashModal .modal-dialog .modal-content .modal-footer #CashButton1:focus {
    color: #fff;
    background-color: #0099FF;
}




/*-----------------------------------------------------------------------------------*/
.content__detail-date {
    display: flex;
    padding-top: 20px;
}

.content__detail-date-time .content_tbox [class*="content_tbox_field"] {
    max-width: calc(100% - 50px);
}

.content__details .content__detail-left.pb-25 {
    padding-bottom: 25px;
}

.content__detail-right .content__detail.pt-10 {
    padding-top: 10px;
}

.group_content .item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.group_content .item .label {
    flex-basis: 30%;
}

.border-content {
    border: 1px solid #ddd;
    padding: 10px;
}

.content__detail.group_content {
    padding-left: 20px;
}

.content__detail.group_content .radio_group {
    margin-left: -20px;
}

.content__detail.group_content .radio_group {
    display: block;
    position: relative;
    cursor: pointer;
    padding-left: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.content__detail.group_content .radio_group input[type="radio"] {
    position: absolute;
    opacity: 0;
    left: 0;
    cursor: pointer;
    z-index: 1;
    width: 20px;
    height: 20px;
}

.content__detail.group_content .radio_group input[type="radio"]:checked ~ .checkmark {
    background-color: #2196F3;
}

.content__detail.group_content .radio_group .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.content__detail.group_content .radio_group input[type="radio"]:checked ~ .checkmark:after {
    display: block;
}

.content__detail.group_content .radio_group .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

/* confirmation_information */
.confirmation_information .content_tbox {
    margin-top: 10px;
}

.confirmation_information .content_tbox_detail {
    margin-top: 10px;
}

.content_tbox_detail.group_input > div {
    margin-top: 15px;
    display: flex;
    /*align-items: center;*/
}

.content_tbox_detail.group_input > div span {
    white-space: nowrap;
    margin-right: 10px;
}

.content_tbox.group {
    margin-top: 20px;
}

.content_tbox.group-fix {
    margin-top: 10px;
}

/* .confirmation_information .content__detail-right.name_group {
    display: flex;

} */

.confirmation_information .content__detail-right.name_group .content_tbox_detail {
    display: grid;
    grid-template-columns: 15% 85%;
    align-items: center;
    margin-top: 0;
}

.confirmation_information .content__detail-right.name_group .content_tbox_detail input {
    margin-left: 0;
}

.confirmation_information .content__detail-right.name_group .content_tbox_ex-name {
    margin-left: 0;
    grid-column: 2/3;
    text-indent: -10px;
}

.confirmation_information .content__detail-right.name_group .content_tbox .content_tbox_detail:last-child {
    margin-left: 25px;
}

.khansya_tbox {
    display: flex;
}

/*-----------------------------------------------------------------------------------*/
/* step 4 */
.confirm_submit .content__heading {
    margin: 26px 0 20px;
}

.confirm_submit .content__heading-title {
    margin: 0;
    font-size: 24px;
}

.content__detail-row {
    display: flex;
}

.content__details .content__detail-left {
    padding: 11px 13px 12px;
    background-color: var(--primary-color);
    border: 1px solid #ddd;
    color: #000000;
    font-weight: bold;
    font-size: 16px;
    vertical-align: top;
    flex-basis: 26%;
}

.content__details .content__detail-right {
    position: relative;
    padding: 11px 13px 12px;
    border: 1px solid #ddd;
    font-size: 16px;
    vertical-align: top;
    flex-basis: 75%;
}

.confirm_register .content__details .content__detail-row .content__detail-left,
.confirm_submit .content__details .content__detail-row .content__detail-left {
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #ddd;
}

@media (max-width: 767px) {
    .confirm_register .content__details .content__detail-row .content__detail-left,
    .confirm_submit .content__details .content__detail-row .content__detail-left {
        border-width: 1px 1px 0 1px;
    }
}

.confirm_register .content__details .content__detail-row .content__detail-right,
.confirm_submit .content__details .content__detail-row .content__detail-right {
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #ddd;
}

@media (max-width: 767px) {
    .confirm_register .content__details .content__detail-row .content__detail-right,
    .confirm_submit .content__details .content__detail-row .content__detail-right {
        border-width: 1px 1px 0 1px;
    }
}

.confirm_register .content__details .content__detail-row.btm-row .content__detail-left,
.confirm_submit .content__details .content__detail-row.btm-row .content__detail-left {
    border: 1px solid #ddd;
}

@media (max-width: 767px) {
    .confirm_register .content__details .content__detail-row.btm-row .content__detail-left,
    .confirm_submit .content__details .content__detail-row.btm-row .content__detail-left {
        border-width: 1px 1px 0 1px;
    }

}

.confirm_register .content__details .content__detail-row.btm-row .content__detail-right,
.confirm_submit .content__details .content__detail-row.btm-row .content__detail-right {
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #ddd;
}

@media (max-width: 767px) {
    .confirm_register .content__details .content__detail-row.btm-row .content__detail-right,
    .confirm_submit .content__details .content__detail-row.btm-row .content__detail-right {
        border-width: 1px;
    }
}

@media (max-width: 767px) {
    .confirm_register .content__details .content__detail-row.btm-row .content__detail-right {
        border-width: 1px;
    }
}

@media (max-width: 767px) {
    .confirm_submit .content__details .content__detail-row.btm-row .content__detail-right:not(:last-child) {
        border-width: 1px 1px 0 1px;
    }
}

.content_pulldown .payment_count {
    width: 180px;
    padding: .4em;
}

.confirm_register .content_change-button {
    position: absolute;
    top: 11px;
    right: 13px;
    display: inline-block;
    width: 59px;
    height: 32px;
    margin: 0 0 0 8px;
    padding: 0;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    border: none;
    background-color: #a8a8a8;
    border-radius: 99px;
}

/*-----------------------------------------------------------------------------------*/
/* error */

input[type="text"].__error,
input[type="password"].__error,
select.__error {
    background-color: #ffcccc;
    border: 2px solid #BB2020;
}

input[type="checkbox"].__error + .content_check-box_label:before {
    background-color: #ffcccc;
}

.card_radio.__error {
    background-color: #ffcccc;
    border: 2px solid #BB2020;
}

.card_radio.__error .content_radio_label {
    color: #BB2020;
}

.card_radio.__error .content_radio_label::before {
    border: 2px solid #BB2020;
}

.card_radio.__error input[type='radio']:checked + .content_radio_label::before {
    border: 1px solid #767676;
}

.content_pulldown select.__error {
    color: #BB2020;
}

.content_pulldown.__error:after {
    background-color: #BB2020;
}

.content_detail-cell-wrapper .error_message {
    display: block;
}

.error_message {
    color: #dc441b;
    font-size: 12px;
    font-weight: bold;
}

.error_message  p {
    font-weight: bold;
}

.footer {
    padding: 30px 40px;
    border-top: 1px solid #cdd0e0;
    box-sizing: border-box;
}

.footer-copy {
    font-size: 14px;
    color: #666;
    text-align: center;
}


.product-info .content__detail-right .radio_group {
    padding-left: 0;
}

.product-info .content__detail-right .group_installment_payment {
    padding-left: 8px;
}

.product-info .bonus-wrapper .item {
    display: flex;
    align-items: center;
}

.product-info .bonus-wrapper .item span:first-of-type {
    flex-basis: 35%;
}

.product-info .content_tbox .field_medium {
    max-width: 120px;
}

.err-msg {
    margin-top: 35px;
    font-size: 13px;
    color: #FF3300;
    font-weight: bold;
}

.income .content_text:first-of-type {
    display: inline-block;
    margin-right: 10px;
}

.flex_group {
    display: flex;
    flex-direction: column;
}

.flex_group .flex {    
    display: flex;
}

.flex.doukyo {
    align-items: flex-end;
}

.flex.ko_sk_kzk_ninzu_kbn {
    align-items: flex-start;
    flex-direction: column;
}


.content_tbox {
    font-size: 14px;
}

.err-msg-delete {
    margin-top: 35px;
    font-size: 13px;
    color: #FF3300;
    font-weight: bold;
    margin-left: 0;
    margin-right: 0;
}

.oneline {
    white-space: nowrap;
}

.color-mark {
    color: #E73224;
}

@media (max-width: 767px) {
    .pc-only {
        display: none !important;
    }
}

/* メニュー画面ipad対応崩れ対応 */
@media (max-width: 992px) {
    .container {
        padding-top: 300px;
    }
}

@media (min-width: 768px) {
    .sp-only {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .navbar {
        position: relative;
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
    }

    .container {
        padding-top: 20px !important;
        border-collapse: collapse;
        word-break: normal;
    }

    form table {
        width: 100%;
    }

    tbody {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
    }

    tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
    }

    .h1, h1 {
        font-size: 1.5rem;
    }

    .wrapper-noregister .box-table {
        width: 100%;
        position: relative;
        overflow-x: scroll !important;
    }

    .wrapper-noregister th, .wrapper-noregister td {
        display: table-cell;
        vertical-align: inherit;
        white-space: nowrap !important;
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        z-index: 999999 !important;
    }
}

.wrapper-noregister .fix50 {
    min-width: 50px !important;
}

.wrapper-noregister .fix100 {
    min-width: 100px !important;
}

.wrapper-noregister .fix130 {
    min-width: 130px !important;
}

.wrapper-noregister tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.chosen-container-single .chosen-single div:after {
    top: 0.125rem !important;
    left: 8px !important;
    width: 18px !important;
    height: 18px !important;
    content: "";
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns= 'http://www.w3.org/2000/svg' viewBox= '0 0 24 24' %3E%3Cpath fill= '%2384898d' d= 'M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z' /%3E%3C/svg%3E);
    background-size: 18px 18px !important;
}

.content__details {
    position: relative;
    width: 100%;
}

@media (min-width: 767px) {
    .container-custom {
        min-width: 90%;
    }

    .cus-width-sinput, .cus-width-sinput input, .cus-width-sinput select {
        width: 564px !important;
        flex: initial !important;
    }

    .container-custom .w-181, .container-custom .col-sm-2half {
        width: 181px !important;
    }

    .chosen-container {
        width: 532px !important;
    }
}

@media (min-width: 575px) and (max-width: 991px) {
    .chosen-container {
        width: 100% !important;
        max-width: initial;
    }

    .container-custom .chosen-container {
        width: 100% !important;
        max-width: initial;
    }

    .max-w120 {
        flex: inherit;
        max-width: 120px;
    }

    .max-w140 {
        flex: inherit;
        max-width: 120px;
    }

    .cus-searchbox {
        margin-bottom: 15px;
    }

    .navbar-nav {
        width: 100%;
    }
}

@media (min-width: 1000px) {
    .navbar-brand {
        margin-right: 3rem;
    }

    .cus-searchbox {
        width: 800px;
        margin-bottom: 10px;
    }

    .container-custom {
        width: 800px;
        max-width: initial;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }

    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-nav {
        display: -webkit-inline-box;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

}