.frm {
                    background: #e4e4d4;
                    background: #f6f2e7
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    .frm {
                        padding-top: calc(var(--a-s, 1px)*75)
                    }
                }

                @media(orientation:portrait)and (max-width:759px) {
                    .frm {
                        padding-top: calc(var(--a-s, 1px)*72)
                    }
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    .frm_head {
                        align-items: flex-start;
                        display: flex;
                        justify-content: space-between;
                        margin-bottom: calc(var(--a-s, 1px)*60);
                        margin-top: calc(var(--a-s, 1px)*112)
                    }
                }

                @media(orientation:portrait)and (max-width:759px) {
                    .frm_head {
                        border-top: 1px solid rgba(0, 0, 0, .07);
                        padding-top: calc(var(--a-s, 1px)*70)
                    }
                }

                .frm_head br {
                    display: none
                }

                .frm_head_ttl {
                    display: grid
                }

                @media(orientation:portrait)and (max-width:759px) {
                    .frm_grid_head {
                        margin-bottom: 0
                    }
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    .frm_grid_headInner {
                        border-top: 1px solid rgba(0, 0, 0, .4);
                        display: grid;
                        padding-top: calc(var(--a-s, 1px)*80);
                        row-gap: calc(var(--a-s, 1px)*16)
                    }
                }

                @media(orientation:portrait)and (max-width:759px) {
                    .frm_grid_headInner {
                        align-items: center;
                        border-bottom: 1px solid rgba(0, 0, 0, .2);
                        border-top: none;
                        column-gap: calc(var(--a-s, 1px)*14);
                        display: flex;
                        margin-top: 0;
                        padding-top: 0
                    }
                }

                .frm_step {
                    display: grid
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    .frm_step {
                        row-gap: calc(var(--a-s, 1px)*16)
                    }
                }

                @media(orientation:portrait)and (max-width:759px) {
                    .frm_step {
                        column-gap: calc(var(--a-s, 1px)*10);
                        grid-template-columns: auto auto
                    }
                }

                .frm_step_item {
                    display: grid;
                    opacity: 1
                }

                .frm_step_item[data-name=complete],
                .is_complete .frm_step_item {
                    opacity: .3
                }

                .is_complete .frm_step_item[data-name=complete] {
                    opacity: 1
                }

                @media(orientation:portrait)and (max-width:759px) {
                    .frm_step_item+.frm_step_item {
                        align-items: center;
                        column-gap: calc(var(--a-s, 1px)*10);
                        display: flex
                    }

                    .frm_step_item+.frm_step_item:before {
                        background: #999;
                        content: "";
                        height: 1px;
                        width: calc(var(--a-s, 1px)*6.5)
                    }
                }

                .frm.is_sending .frm_content[data-name=input] {
                    opacity: .5;
                    pointer-events: none
                }

                .frm.is_complete .frm_content[data-name=input] {
                    display: none
                }

                .frm_content[data-name=complete] {
                    display: none;
                    opacity: 0
                }

                .frm.is_complete .frm_content[data-name=complete] {
                    display: block
                }

                .frm.is_delayedComplete .frm_content[data-name=complete] {
                    opacity: 1;
                    transition: opacity .9s ease-in-out
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    .frm_grid_body {
                        border-top: 1px solid rgba(0, 0, 0, .07)
                    }
                }

                .frm_error {
                    display: none
                }

                .frm.is_errorVisible .frm_error {
                    color: #c00;
                    display: block
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    .frm_section+.frm_section {
                        margin-top: calc(var(--a-s, 1px)*32)
                    }
                }

                @media(orientation:portrait)and (max-width:759px) {
                    .frm_section+.frm_section {
                        margin-top: calc(var(--a-s, 1px)*28)
                    }
                }

                .frm_row,
                .frm_sectionLabel {
                    display: grid
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    .frm_row {
                        column-gap: calc(var(--a-s, 1px)*8);
                        grid-template-columns: calc(var(--a-s, 1px)*126) calc(var(--a-s, 1px)*316) minmax(0, 1fr)
                    }

                    html[lang=ko] .frm_row,
                    html[lang=zh] .frm_row {
                        grid-template-columns: calc(var(--a-s, 1px)*136) calc(var(--a-s, 1px)*316) minmax(0, 1fr)
                    }
                }

                @media(orientation:portrait)and (max-width:759px) {
                    .frm_row {
                        column-gap: calc(var(--a-s, 1px)*7);
                        grid-template-columns: calc(var(--a-s, 1px)*114.5) minmax(0, 1fr)
                    }

                    html[lang=zh] .frm_row {
                        grid-template-columns: calc(var(--a-s, 1px)*130) minmax(0, 1fr)
                    }

                    html[lang=ko] .frm_row {
                        grid-template-columns: calc(var(--a-s, 1px)*125) minmax(0, 1fr)
                    }
                }

                .frm_row input {
                    color: #333
                }

                .frm_row input::placeholder {
                    color: #ccc
                }

                .frm.is_errorVisible .frm_row input:invalid {
                    border: 1px solid #f56173
                }

                .frm_col {
                    display: contents
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    .frm_col+.frm_col input:not([type=checkbox]) {
                        grid-column: 2/3
                    }
                }

                @media(orientation:portrait)and (max-width:759px) {
                    .frm_col+.frm_col input:not([type=checkbox]) {
                        grid-column-start: 2
                    }
                }

                html[lang=ja] .frm_col:has(select[name=title]) {
                    display: none
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    html[lang=ja] .frm_col:has(select[name=title])+.frm_col input:not([type=checkbox]) {
                        grid-column: span 2
                    }
                }

                @media(orientation:portrait)and (max-width:759px) {
                    html[lang=ja] .frm_col:has(select[name=title])+.frm_col input:not([type=checkbox]) {
                        grid-column: span 2
                    }
                }

                .frm_col input:not([type=checkbox]) {
                    background: #fffbf2;
                    border: 1px solid #ccc;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    margin-block-end: 0;
                    margin-block-start: 0
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    .frm_col input:not([type=checkbox]) {
                        grid-column: span 2;
                        height: calc(var(--a-s, 1px)*48);
                        padding-left: calc(var(--a-s, 1px)*17)
                    }
                }

                @media(orientation:portrait)and (max-width:759px) {
                    .frm_col input:not([type=checkbox]) {
                        grid-column: span 2;
                        height: calc(var(--a-s, 1px)*42);
                        padding-left: calc(var(--a-s, 1px)*16)
                    }
                }

                .frm_col textarea {
                    background: #fffbf2;
                    border: 1px solid #ccc;
                    color: #333;
                    margin-block-end: 0 !important;
                    margin-block-start: 0 !important;
                    position: relative;
                    resize: vertical
                }

                .frm_col textarea::placeholder {
                    color: #ccc
                }

                .frm.is_errorVisible .frm_col textarea:invalid {
                    border: 1px solid #f56173
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    .frm_col textarea {
                        grid-column: 1/4;
                        height: calc(var(--a-s, 1px)*240);
                        padding: calc(var(--a-s, 1px)*17) calc(var(--a-s, 1px)*17)
                    }
                }

                @media(orientation:portrait)and (max-width:759px) {
                    .frm_col textarea {
                        grid-column: 1/-1;
                        height: calc(var(--a-s, 1px)*154);
                        padding: calc(var(--a-s, 1px)*16) calc(var(--a-s, 1px)*16)
                    }
                }

                .frm_select {
                    position: relative
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    .frm_select {
                        grid-column: auto;
                        grid-row: 1
                    }
                }

                .frm_select select {
                    border-radius: 0;
                    height: 100%;
                    opacity: 0;
                    width: 100%
                }

                .frm_selectCurrent {
                    align-items: center;
                    background: #fffbf2;
                    border: 1px solid #ccc;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    color: #333;
                    display: flex;
                    height: 100%;
                    justify-content: flex-start;
                    margin-block-end: 0 !important;
                    margin-block-start: 0 !important;
                    pointer-events: none;
                    position: absolute;
                    width: 100%
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    .frm_selectCurrent {
                        padding-left: calc(var(--a-s, 1px)*16);
                        padding-right: calc(var(--a-s, 1px)*48)
                    }
                }

                @media(orientation:portrait)and (max-width:759px) {
                    .frm_selectCurrent {
                        padding-left: calc(var(--a-s, 1px)*15);
                        padding-right: calc(var(--a-s, 1px)*42)
                    }
                }

                .frm.is_errorVisible .frm_select:has(select:invalid) .frm_selectCurrent {
                    border: 1px solid #f56173
                }

                .frm_selectArw {
                    aspect-ratio: 1/1;
                    background: #d9d5c7;
                    pointer-events: none;
                    position: absolute;
                    right: 0;
                    top: 0
                }

                .frm.is_errorVisible .frm_selectArw {
                    right: 1px;
                    top: 1px
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    .frm_selectArw {
                        padding: calc(var(--a-s, 1px)*20);
                        width: calc(var(--a-s, 1px)*48)
                    }

                    .frm.is_errorVisible .frm_selectArw {
                        width: calc(var(--a-s, 1px)*46)
                    }
                }

                @media(orientation:portrait)and (max-width:759px) {
                    .frm_selectArw {
                        padding: calc(var(--a-s, 1px)*18);
                        width: calc(var(--a-s, 1px)*42)
                    }

                    .frm.is_errorVisible .frm_selectArw {
                        width: calc(var(--a-s, 1px)*40)
                    }
                }

                .frm_row_checkList {
                    display: flex
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    .frm_row_checkList {
                        column-gap: calc(var(--a-s, 1px)*32);
                        grid-column: 1/4
                    }
                }

                @media(orientation:portrait)and (max-width:759px) {
                    .frm_row_checkList {
                        column-gap: calc(var(--a-s, 1px)*21);
                        grid-column: 1/3
                    }
                }

                .frm_row_check {
                    align-items: center;
                    display: grid;
                    grid-template-columns: calc(var(--a-s, 1px)*16) 1fr
                }

                .frm_row_check input[type=checkbox] {
                    border-radius: 0
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    .frm_row_check {
                        column-gap: calc(var(--a-s, 1px)*10);
                        grid-column: 1/4
                    }
                }

                @media(orientation:portrait)and (max-width:759px) {
                    .frm_row_check {
                        column-gap: calc(var(--a-s, 1px)*7);
                        grid-column: 1/3
                    }

                    .frm_row_check.__sentence {
                        align-items: start
                    }

                    .frm_row_check.__sentence label {
                        margin-top: calc(var(--a-s, 1px)*-3)
                    }
                }

                .frm_row_checkBox {
                    -webkit-appearance: none;
                    appearance: none;
                    aspect-ratio: 1/1;
                    border: 1px solid #000;
                    height: calc(var(--a-s, 1px)*16);
                    margin: 0;
                    position: relative;
                    width: calc(var(--a-s, 1px)*16)
                }

                .frm_row_checkBox:checked {
                    background: #333;
                    border: 1px solid #333
                }

                .frm_row_checkBox:checked:before {
                    content: "";
                    display: block;
                    height: calc(var(--a-s, 1px)*10);
                    position: relative;
                    transform: rotate(45deg);
                    transform-origin: right top;
                    width: calc(var(--a-s, 1px)*5.5)
                }

                @media(orientation:landscape), (orientation:portrait)and (min-width:760px) {
                    .frm_row_checkBox:checked:before {
                        border: solid #fffbf2;
                        border-width: 0 1px 1px 0;
                        left: calc(var(--a-s, 1px)*7);
                        top: calc(var(--a-s, 1px)*4)
                    }
                }

                @media(orientation:portrait)and (max-width:759px) {
                    .frm_row_checkBox:checked:before {
                        border: solid #f6f3e7;
                        border-width: 0 1px 1px 0;
                        left: calc(var(--a-s, 1px)*7);
                        top: calc(var(--a-s, 1px)*3)
                    }
                }

                .frm_complete_text {
                    display: flex;
                    flex-direction: column;
                    row-gap: calc(var(--a-s, 1px)*16)
                }


.contact-info-box{
            grid-template-columns: repeat(3, 1fr) !important;
}

.contact-info-box .spt_contact_officeItem {
                display: block !important;
}

.mb-15{
margin-bottom: 15px !important;
}