body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}

/* select custom*/
#tab_width > .h2_title, #tab_width > .id,
#tab_width > .h2_title, #tab_width > .id,
#tab_width > .h2_title, #tab_width > .id {
    margin-left: 0 !important;
}

.h2_title {
    margin: 30px 0 30px 1em;
}

.h2_title.fee {
    margin: 30px 0 30px 0;
}
.h2_title.fee:before {
    background-color:WHITE;
}

.detail {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.price_cell.done {
    border: 3px solid royalblue;
    background-color: #4169e1 !important;
}

.pdf_content {
    font-size: 15px;
}

.sp_select {
    font-size: 1.3rem !important;
    margin-left: -1em !important;
}

.select-custom {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.select-custom a.onebtn:after {
    content: '';
    position: absolute;
    right: 0;
    top: -5px;
    width: 47px;
    height: 55px;
    background: url("/static/front/img/icon_arr_down_min.png") no-repeat 50% 50%;
    background-size: 12px 8px;
}

.select-custom .in-list {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 9px;
    overflow-y: auto;
    box-sizing: border-box;
}

.select-custom .in-list a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #222;
    font-weight: 300;
    border-radius: 5px;
    padding: 0 10px;
}

.select-custom .in-list a:hover {
    background: #f6f6f6;
}

.site-id {
    margin: 0;
}

a {
    text-decoration: none !important;
}

p {
    margin: 0 !important;
}

h1 {
    margin: .3em 0 !important;
}

#tab_width {
    width: 95% !important;
    margin-left: 1em;
}

.resp-tab-content ul {
    margin: 2em 0;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

ul.errorlist {
    display: block;
    color: #d8000c;
    font-size: 12px;
}

.top-set {
    display: inline-flex;
    justify-content: center;
    padding: 1em 0 0.5em 0;
    width: 100%;
    text-align: center;
    background-color: #f9f9f9;
}

.flag_box {
    display: inline-flex;
    justify-content: center;
    min-width: 50px;
    min-height: 3em;
    margin-right: 1em;
    border: 1px solid black;
    background-color: lightgrey;
}

.rupee_header {
    border-bottom: none !important;
}

.flag_box img {
    max-height: 2em;
    margin: 0.4em;
}

.top_center {
    display: inline;
    position: relative;
    left: 10em;
}

.top_right {
    display: inline-flex;
    justify-content: center;
    float: right;
    position: relative;
    left: 30em;
    top: -0.6em;
}

.top_right select {
    margin-top: 0.5em;
}

.top_right select, .top_right > button {
    height: 2.8em;
    width: 9em;
    margin-right: 2em;
    display: inline;
}

.top_right > button {
    padding: 0 1em;
}

.navi_col_1 {
    width: 100%;
}

.navi_col_1 > div {
    border-right: 1px solid white;
    padding: 1em 0 !important;
    width: calc(100% / 5);
}

.navi_col_1 > div > a {
    border: none !important;
    line-height: 1.2em;
    font-weight: bold;
    font-size: 1.2em;

}

.navi_help {
    border-left: 1px solid white;
}

.navi_help.sim {
    font-size: 0.8rem;
    border: none !important;
}

#main_new {
    display: inline-flex;
    flex-direction: column;
    width: 70% !important;
}

#m_contents_section {
    width: 99%;
    margin-top: 1em;
}

.top_under_menu > .bordered-table {
    padding: 3.5em 0;
    width: 100%;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none !important;
    border-bottom: none;
}

.bordered-table h3 {
    width: 15em !important;
    border: 0.1em solid lightgrey;
}

#right_side_top {
    flex-direction: column;
    margin-left: 1em;
    margin-top: 1em;
    display: inline-flex;
    width: 28%;
}

.bordered_table {
    display: table;
    border-collapse: collapse;
    border: none;
}

.bordered_table_heading {
    margin-bottom: 0;
    border: none;
}

.bordered_table_body {
    border: none;
}

.fieldset_remit, .fieldset_remit_extra {
    border: none;
}

.bordered_table_section {
    border: none;
}

.bordered_table_heading.title, .bordered_table_body.title {
    padding: 0.6em !important;
    width: 9.5em !important;
    font-size: 0.75em;
    font-weight: bold;
    letter-spacing: -0.08em;
    color: black;
}

.bordered_table_body.title, .bordered_table_body.rate {
    font-weight: normal;
}

.bordered_table_body.rate, .bordered_table_heading.rate {
    padding: 0.6em !important;
    width: 9em !important;
    font-size: 0.75em;
    color: black;
}

.rate_flag {
    width: 2em !important;
    margin-left: 0.5em;
}

.calculate-box {
    margin: 2em 0;
}

.calculate-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.calculate-title {
    font-size: 30px;
}

.calculate-sub-title {
    padding: 20px 0;
    display: block;
}

.contents_box-lead-first {
    font-size: 16px;
    text-align: left;
}

.contents_box-lead {
    font-size: 16px;
    text-align: center;
}

.calculate-title h2 {
    margin: 0px;
    color: #e42313;
}

.in-calculator-container {
    margin: 0 auto;
}

.white-round-box > div + div {
    padding-top: 19px;
}

.white-round-box .tit {
    font-size: 16px;
    color: #222;
    font-weight: 500;
    padding: 0 0 5px 16px;
    position: relative;
}

.white-round-box .tit:before {
    content: "";
    position: absolute;
    top: calc(50% - 6px);
    left: 0;
    height: 3px;
    width: 8px;
    background-color: #e42313;
}

.white-round-box .in-data .select-custom.country {
    display: block;
    min-width: 120px;
}

.white-round-box .in-data input[type=text], .white-round-box .in-data input[type=tel], .white-round-box .in-data input[type=number] {
    width: 100%;
    line-height: 42px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background: #fff;
    padding: 0 18px;
    box-sizing: border-box;
    font-size: 1em;
    margin-top: 0.1em;
    color: #222;
    font-weight: 300;
}

.white-round-box .in-data input[type=number]::-webkit-outer-spin-button,
.white-round-box .in-data input[type=number]::-webkit-inner-spin-button,
.item.inbox-point input[type=number]::-webkit-outer-spin-button,
.item.inbox-point input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.white-round-box .in-data input[type=number], .item.inbox-point input[type=number] {
    -moz-appearance: textfield;
}

.white-round-box .in-data.with-ipt-slt {
    position: relative;
}

.white-round-box .in-data.with-ipt-slt .select-custom {
    width: 100%;
}

.white-round-box .in-data.with-ipt-slt input.send_amount {
    height: 42px;
    width: 80%;
    margin-right: 10px;
}

.white-round-box .in-data.with-input {
    position: relative;
}

.white-round-box .in-data.with-input span.letxt {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    padding-left: 18px;
    height: 53px;
    line-height: 53px;
    font-size: 18px;
    color: #666;
    font-weight: 600;
}

.white-round-box .in-data.with-input input {
    text-align: right;
    padding-left: 100px;
}

.white-round-box .in-data.with-radio label + label {
    margin-left: 28px;
}

.white-round-box .calculate-result {
    display: none;
}

.white-round-box .calculate-result .r-list {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.white-round-box .calculate-result .r-list ul {
    font-size: 0;
    padding: 0 20px;
}

.white-round-box .calculate-result .r-list li {
    position: relative;
    display: block;
    font-size: 1.2rem;
    color: #222;
    font-weight: 300;
    text-align: right;
    height: 3em;
    line-height: 3em;
    border-bottom: 1px solid #e0e0e0;
}

.white-round-box .calculate-result .r-list li:last-of-type {
    border-bottom: 0;
}

.white-round-box .calculate-result .r-list li span {
    position: absolute;
    left: 0;
    top: 0;
    width: 7em;
    font-size: 1.2rem;
    color: #222;
    font-weight: 300;
    text-align: left;
}

.white-round-box .calculate-result .r-list li b {
    font-weight: 500;
}

.white-round-box .calculate-result .r-list li em.red {
    font-style: normal;
    color: #e42313;
    font-weight: 500;
}

.white-round-box .calculate-result .tbn-area {
    text-align: center;
    padding-top: 15px;
}

.white-round-box .calculate-result .tbn-area a {
    display: block;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    background: #e42313;
    border-radius: 5px;
}

.white-round-box.result {
    height: auto;
}

.white-round-box.result .calculate-result {
    display: block;
    margin-top: 15px;
}

body {
    font-size: 1em !important;
}

.bordered_table_section.c3 {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
}

.bordered_table_section.c3 > .bordered_table_heading,
.bordered_table_section.c3 > .bordered_table_body {
    width: 100% !important;
    text-align: center;
    font-weight: normal !important;
    border-left: 1px solid #ccc;
}

.table-condensed.c4 {
    display: inline-flex;
    justify-content: center;
    width: 100%;
}

.simulation_rate h3 {
    text-align: left !important;
    margin-left: 0.8em;
    margin-bottom: 0.4em;
}

.simul_country {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 10px;
    width: 15%;
    text-align: center;
    margin-right: 2%;
}

.flag {
    width: 80%;
    padding: 20px 10px;
    margin-bottom: 0.8em;
    background-color: lightgrey;
    border-radius: 15px;
}

.check_input {
    text-align: center;
}

h3 {
    font-size: 1.3em !important;
    margin-bottom: 0;
}

.not_receive_mail h3 {
    width: 96%;
}

.bordered_table_heading.c3 {
    font-weight: normal !important;
    font-size: 1.2em !important;
    margin: 0 !important;
}

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

label {
    font-weight: normal !important;
    font-size: 12px !important;
}

#sub_top_title {
    margin-left: 1em;
}

#sub_top_title h3 {
    font-size: 2.5em !important;
}

.under_top_explain {
    width: 100%;
    padding: 3em 0;
    display: flex;
    border-bottom: 1px solid lightgrey;
}

.under_top_explain img {
    width: 70% !important;
    height: 70% !important;
}

.under_top_explain div {
    vertical-align: middle;
    text-align: center;
}

.sub_explain_cont.explain {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.under_top_explain h2 {
    font-size: 2rem;
}

.under_top_explain .first_title_cont {
    width: 90%;
    font-size: 1.3rem;
}

.rate_table {
    border: none !important;
}

.bordered_table.top {
    border: none !important;
}

.bordered_table_section.top {
    display: table;
}

.bordered_table_heading.top {
    width: 18em !important;
}

.send_amount.js-send-amount, .send_amount.js-estimated-receive-amount {
    font-size: 1.5em !important;
}

.onebtn.js-selected {
    cursor: default;
}

#top_notification_bot {
    margin: 2.5em 1em !important;
}

.js-country.js-selected img {
    width: 1.2em;
}

.sp_menu_content > ul > a > li, .sp_lang_content > ul > li {
    border: 1px solid dodgerblue !important;
    width: 11.8em;
    background-color: steelblue;
    cursor: pointer;
    color: white;
    text-decoration: none;
}

.sp_menu, .sp_lang {
    cursor: pointer;
}

#top_notification {
    display: none;
}

.rate_table_set {
    width: 30em;
}

.flow-table img {
    width: 8em;
}

.flow-table .td.arrow img {
    margin: 0 2em;
    width: 4em;
    height: 5em;
}

.flow-table .td.num img {
    margin: 0 2em;
    width: 5em;
    height: 5em;
}

.flow-table {
    display: table;
    width: 100%; /* 필요 시 */
    border-collapse: collapse; /* 테두리 겹침 */
}

.flow-table > .tr {
    display: table-row;
}

.flow-table > div:not(.tr) {
    /* 마지막 div 행일 경우에도 tr처럼 처리 */
    display: table-row;
}

.flow-table .td {
    display: table-cell;
    padding: 5px; /* 원하는 여백 */
    vertical-align: middle; /* 셀 내부 수직 정렬 */
}

#logo {
    float: none !important;
}

.bordered_table_container.remittee .bordered_table_heading_col04 {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 3.5em;
    font-size: 1rem !important;
    margin-bottom: 0;
}
.bordered_table_container.remittee .bordered_table_body_col04 {
    padding: 10px 0 !important;
    min-height: 2.5em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.use_procedure h3 {
    width: 40% !important;
}

.use_procedure_set a {
    margin-right: 1em !important;
}

.fieldset_remit {
    margin: 0;
    padding: 0;
}

.bordered_table_section.bankcard {
    display: flex !important;
}

/* table border start pc */
.bordered_table {
    border: 1px solid #ccc;
    border-bottom: none;
}

.bordered_table_section {
    border-bottom: 1px solid #ccc;
}

.bordered-table.c3 {
    border-bottom: 1px solid #ccc;
}

.bordered_table_section.c3 {
    border-bottom: none;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.bordered_table_section.c3 .bordered_table_heading {
    border: none;
    border-left: 1px solid #ccc;
}

.bordered_table_section.c3 .bordered_table_body {
    border: none;
    border-left: 1px solid #ccc;
}

.bordered_table_heading {
    background-color: #f5f5f5;
    border-right: 1px solid #ccc;
    padding: 10px;
}

.bordered_table_body {
    padding: 10px;
}
/* table border end */

.bordered_table_section.remit {
    display: flex;
}

.required_mark_02 {
    margin-left: 1em;
}

.atm_pic {
    max-width: none;
    width: 24em !important;
}

.search_password {
    width: 96%;
}

.mynum_doc {
    margin-left: 1em;
}

.upload_ids {
    margin-left: 1em !important;
}

#country_select + .select2-container, .country_select_sel {
    height: 33px !important;
    width: 130px !important;
    margin-top: 5px !important;
    margin-left: 10px !important;
    font-size: 1rem;
}

#country_select_mobile + .select2-container {
    height: 33px !important;
    width: 50% !important;
    margin-right:20px;
    font-size: 1rem;
}

#country_select img, #country_select_mobile img, .country_select_sel img {
    width: 1em;
}

.nonmember_box {
    border: none;
    margin-bottom: 50px;
}

.nonmember_box .bordered_table {
    border: 1px solid #ccc;
}

#receive_name input {
    height: 2.2em;
    min-width: 30%;
}

#apply_date input {
    height: 2.2em;
    min-width: 30%;
}

#apply_date input[name='search_from'], #apply_date input[name='search_to'] {
    max-width: 15em;
}

.search_title {
    padding-left: 10px !important;
    font-size: 1.3rem !important;
}

.centered_tbl_noborder button {
    height: 30px;
}

textarea[name='purpose_details'] {
    margin-top: 10px;
    max-width: 75%;
}

.bordered_table_body_col04.pc {
    flex-direction: row;
}

.bordered_table_body_col04.pc input {
    margin-right: 8px;
    font-size: 1rem;
}

input[name='input-occupation_detail'] {
    margin-top: 8px;
}

input[name='input-occupation_detail'] {
    margin-top: 8px;
}

.bordered_table.pc-set {
    float: none;
    margin: 0 auto;
    width: 96%;
}

.bordered_table.sp-set {
    float: none;
    margin: 0 auto;
    width: 96%;
    border: none;
}

.identi_box img {
    margin-bottom: 10px;
}

.identification_step_box .identification_right dd input {
    text-align: center;
}

#upload_example_img {
    width: 75%;
}

.sub_bottom_btn.flex .back_btn {
    margin-right: 8px;
}

input[name="update-occupation_detail"] {
    margin-top: 8px;
}

.rewards_stamp_way .id_use_way dl p {
    margin-top: 10px !important;
}

a.history_btn_b {
    margin-left: 0 !important;
}

@media screen and (max-width: 1260px) {
    #main_image {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .bordered_table_heading.top {
        width: 15em !important;
    }

    .top_right {
        left: 20em !important;
    }

    .navi_col_1 {
        display: flex;
        justify-content: center;
    }

    .navi_col_1 > div {
        width: calc(100% / 5 - 4%);
    }

    .common_section > .content {
        width: 845px;
    }
}

@media screen and (max-width: 1150px) {
    .bordered_table_section.bankcard {
        display: block !important;
    }
    
    .bordered_table_section.bankcard .bordered_table_heading {
        display: block;
    }
    
    .bordered_table_heading {
        width: auto !important;
        border-right: none;
    }

    #right_side_top {
        display: flex !important;
        flex-direction: column-reverse;
        align-items: center;
        margin-bottom: 3em;
    }

    .calculate-box {
        margin-top: 1em;
        display: flex;
        align-items: center;
    }

    .pdf_download.remit {
        margin: 2em 0;
        font-size: 1.3em;
        text-align: center;
    }

    .agree.remit {
        display: block;
        maring-top: 1em;
        font-size: 1.5rem;
        text-align: center;
    }

    .required_mark_02 {
        width: 10em;
    }

    .bordered_table_section.remit {
        flex-direction: column;
    }

    .bordered_table_section.remit .bordered_table_body {
        width: auto;
        font-size: 1.5em;
    }

    .bordered_table_section.remit .bordered_table_body > select {
        width: 50%;
    }

    .bordered_table_body.radio {
        text-align: center;
        font-size: 1.5rem;
    }

    .bordered_table_body.radio label {
        margin-right: 3em;
    }

    .layer_clearfix.receipt {
        float: none !important;
    }

    .rightLayer.receipt {
        margin-bottom: 3em;
    }

    .new_regis_text {
        width: 100% !important;
        text-align: center !important;
    }

    .not_receive_mail {
        width: 95% !important;
        text-align: center !important;
        padding: 0.5em;
        margin: 30px auto;
    }

    .simul_country .flag {
        height: 2.5em;
    }

    .rate_table_set {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-left: -0.5em;
    }

    #main_new {
        display: none;
    }

    #m_contents_section {
        display: none;
    }

    .top_under_menu {
        display: none;
    }

    #top_notification {
        display: block !important;
        width: 90%;
    }

    #top_notification > * {
        display: flex !important;
    }

    #top_notification_bot {
        display: none;
    }

    #top_notification .title {
        font-size: 1.1rem;
    }

    .calculate-box .form_th {
        font-size: 1.5rem !important;
    }

    .bordered_table_section.rate {
        display: inline-flex !important;
        justify-content: center;
        width: 100%;
    }

    .rate_table_set .form_th {
        font-size: 1.5rem !important;
    }

    .bordered_table_section {
        border-top: none;
    }

    .bordered_table_heading {
        border-top: none;
    }

    .bordered_table_heading.title, .bordered_table_body.title {
        padding: 0;
        width: 10em !important;
    }

    .bordered_table_body.rate, .bordered_table_heading.rate {
        padding: 0;
        width: 9em !important;
    }

    .under_top_explain > .div_content > div {
        display: block;
        justify-content: center !important;
        width: 100% !important;
    }

    .left_div.top_img {
        width: 100%;
        display: flex !important;
    }

    .div_content.reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .bordered_table_heading > h3, .bordered_table_heading > strong {
        display: inline-block !important;
    }

    .required_mark {
        margin-left: 5px;
    }

    .right_div.top_img {
        display: flex !important;
        flex-direction: row-reverse;
    }

    .top_right {
        left: 15em !important;
    }

    .navi_col_1 {
        left: -3%;
        position: relative;
    }

    #right_side_top {
        width: 80% !important;
    }

    #main_new {
        width: 80% !important;
    }

    .navi_col_1 {
        position: relative;
    }

    .common_section > .content {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .content.top_page {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
}

@media screen and (max-width: 1000px) {
    .rewards_stamp_way .id_use_way dl dd {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width: 970px) {
    .select-custom a.onebtn:after {
        top: 0;
    }
}

@media screen and (max-width: 950px) {
    #receive_name > input {
        display: block;
        width: 60%;
        margin-bottom: 8px;
    }

    #apply_date input {
        margin-bottom: 8px;
    }
    .h2_title {
        margin: 30px 0 30px 1em;
        width: 97%;
    }

    .id {
        margin-left: 1em;
    }

    .navi_col_1 {
        position: relative;
    }
}

@media screen and (max-width: 915px) {
    .m_content_ul.flow {
        display: flex !important;
        justify-content: center;
    }

    .bordered_table_body_col04.sp-btn {
         border-bottom: 1px solid #ccc;
    }

    .stamp_right {
        width: 95%;
    }

    .layer_clearfix.receipt {
        padding: 1em 1em 1em 0;
        width: 90%;
    }

    .layer_clearfix_set {
        align-items: center;
    }

    .leftLayer.receipt img, .rightLayer.receipt img {
        width: 30em;
    }

    .rightLayer.receipt {
        text-align: center !important;
    }

    .step_set {
        text-align: left;
    }

    .bordered_table.pc-set {
        display: none;
    }

    .bordered_table.sp-set {
        display: flex !important;
        flex-direction: column;
        margin-left:2.5% !important;
        align-items: center;
    }

    .bordered_table.sp {
        margin-top: 1.5em;
    }

    .delete_button, .remittee_button, .modify_button {
        font-size: 14px !important;
        padding: 0.2em !important;
        width: 4em;
    }

    .bordered_table_heading_col04.sp {
        font-weight: bold;
        font-size: 14px !important;
        height: 1em !important;
        padding: 0.5em 0;
        border-bottom: 1px solid lightgrey;
        border-right: 0;
    }

    .bordered_table_body_col04.sp {
        padding-bottom: 0.2em;
        border-bottom: 1px solid lightgrey;
        font-size: 14px;
        border-right: 0;
        padding-top: 0px;
    }

    .bordered_table_body_col04.sp-btn {
        border-right: 0;
        flex-direction: row;
    }

    .bordered_table_body_col04.sp-btn > a {
        margin-right: 2em;
        font-size: 1.3rem;
    }

    .bordered_table_body_col04.sp-btn > input {
        font-size: 1.3rem;
    }

    .bordered_table.sp {
        display: flex;
        flex-direction: column;
    }

    .not_receive_mail {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 1em 0;
    }

    .bordered_table_container.payment {
        width: 98%;
    }

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

    .history_btn_b {
        margin: 0 !important;
    }

    .sub_bottom_btn {
        display: flex;
        justify-content: center;
    }

    .required_mark_02 {
        width: 8em !important;
        margin-left: 1em;
    }

    .feature_pc_button {
        display: none;
    }

    .feature_sp_button {
        display: block !important;
        margin-bottom: 3em;
    }

    .site-id__logo {
        margin-top: 0 !important;
    }

    .site-id__logo a img {
        margin: 0 auto;
    }

    .sp_menus li:hover, .sp_langs li:hover {
        background-color: lightyellow;
        color: blue;
    }

    .sp_lang p {
        font-size: 0.9rem;
        width: 8.4em;
    }

    .sp_menu p {
        font-size: 0.9em;
        width: 9.5em !important;
    }

    .sp_country_bar {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .sp_country_bar > a {
        display: inline-flex !important;
        justify-content: center;
        width: 20%;
    }

    .sp_flag_box {
        width: 10em !important;
    }

    .sp_flag_box > img {
        width: 45%;
    }

    #main_image_sp {
        display: table;
        width: 100%;
        border-collapse: separate;
        border-spacing: 2em 0 !important;
    }

    .sp_menu_bar {
        display: table-row;
        width: 100%;
    }

    .sp_menu_set {
        display: table-cell;
        width: 8em;
        position: relative;
        z-index: 5;
    }

    .sp_logo {
        display: table-cell;
        text-align: center;
        vertical-align: top;
        width: 70em;
    }

    .sp_logo img {
        margin-top: 0.2em;
        min-height: 2.2em;
    }

    .sp_lang_set {
        display: table-cell;
        width: 9.7em;
        position: relative;
        z-index: 5;
    }

    .sp_menus > a > li {
        width: 10.8em !important;
    }

    .sp_langs > li {
        width: 9.5em !important;
    }

    .sp_menu, .sp_lang {
        padding: 1.5em 0 !important;
    }

    .sp_menu, .sp_menu > p {
        width: 10.8em !important;
    }

    .sp_lang, .sp_lang > p {
        width: 9.5em !important;
    }

    .stamp_confirm_way.reward {
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .stamp_confirm_way.reward > div {
        display: block !important;
    }

    .leftLayer.receipt, .rightLayer.receipt {
        display: block;
        width: 100% !important;
        text-align: left;
    }

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

    .flow-table .td {
        padding: 0.5em;
        font-size: 1rem;
        word-break: keep-all;
    }

    .flow-table .td.num {
        font-size: 0.8rem;
    }

    .flow-table .td.arrow img {
        width: 70%;
        height: 2em !important;
    }

    .flow-table .td img {
        width: 70%;
    }

    .content_ul.flow {
        display: none;
    }

    .card-img {
        display: none;
    }

    .div_content.feature {
        display: flex !important;
        flex-direction: column-reverse;
    }

    .left_div.feature, .right_div.feature {
        display: block;
        width: 100%;
    }

    .right_div.feature img {
        width: 40% !important;
        margin-bottom: 1em;
    }

    .div_content.secure {
        display: flex !important;
        flex-direction: column-reverse;
    }

    .div_content.secure .right_div, .div_content.secure .left_div {
        width: 100%;
    }

    .div_content.secure > .left_div {
        margin-right: 1em !important;
    }

    .common_section > .content {
        width: auto;
    }

    #main_image {
        display: none;
    }

    .sp_menu, .sp_lang {
        color: white;
        font-size: 1rem !important;
        border: 1px solid lightcoral;
    }

    #main_image_sp {
        padding-top: 3em;
        display: block !important;
        flex-direction: column;
        width: 100%;
        height: 15em;
        align-items: center;
        background-color: #d83646;
        text-align: center;
    }

    #main_image_sp > section {
        width: 100%;
        height: 8em;
    }
}

@media screen and (max-width: 845px) {
    .identification_step_box .identification_right dd input {
        min-width: 50%;
        margin: 20px 0;
        text-align: center;
    }

    .not_completed {
        margin: 20px 0;
    }

    .rewards_stamp_way .id_use_way dl.you_intro_id li {margin:9px 0;}
    .stamp_confirm_way.reward {
        width: 50%;
    }
    .rewards_wrap {
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .id_use_way, .rewards_stamp_way.reward {
        margin-top: 20px !important;
    }
    /* table border start phone */
    .bordered_table {
        border: 1px solid #ccc;
        border-bottom: none;
    }

    .bordered_table_section {
        border-bottom: 1px solid #ccc;
    }

    .bordered_table_heading {
        background-color: #f5f5f5;
        border-right: none !important;
        border-bottom: 1px solid #ccc;
        padding: 8px;
        font-size : 12px !important;
    }

    /* table border end phone */
    .bank_account_guide {
        align-items: center;
    }

    .remitcard_box {
        width: 90%;
        margin-left: 1em !important;
        padding-left: 1em;
    }

    .use_procedure h3 {
        width: 70% !important;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .feature_mail {
        font-size: 1rem;
    }

    .left_div.d50 p, .right_div.d50 p {
        height: auto;
    }

    .left_div.d50 {
        margin-left: 10px;
        display: block;
        width: auto;
    }

    .right_div.d50 {
        display: block;
        width: auto;
    }

    input.entry.half {
        width: 50% !important;
    }

    .user_use_intro {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .user_use_intro > li {
        float: none;
    }

    .sns-set.logo {
        background-image: url('../img/rupee_mark.png');
        background-repeat: no-repeat;
        background-position: center;
    }

    .sns-set.logo img {
        display: none;
    }

    .user_use_intro_center_li {
        display: none;
    }

    .bordered_table_heading.c3 {
        height: 1.5em;
    }

    .simulation_rate .bordered_table_heading::before {
        display: none;
    }

    .bordered_table_heading.c3 > label {
        position: relative;
        top: -0.2em;
        font-size: 1rem;
    }

    .user_use_intro_center {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        height: 55px !important;
    }

    .user_use_intro_center > img {
        position: relative;
        left: -2em;
        top: 0.5em;
        width: 50%;
    }
}

@media screen and (max-width: 765px) {
    .content_ul.card {
        text-align: center;
    }

    .card.left_div.d50 {
        margin: 0;
    }

    .card.right_div.d50 {
        margin: 0;
    }

    .card.left_div.d50, .card.right_div.d50 {
        width: 30em;
    }

    .card.left_div.d50 p, .card.right_div.d50 p {
        font-size: 1.6rem;
    }

    .card.left_div.d50 img, .card.right_div.d50 img {
        width: 17em !important;
    }

    .title_sep {
        display: none;
    }
}

@media screen and (max-width: 645px) {
    .country_name {
        display: block;
    }

    .sns-title > span {
        padding-top: 0.6em;
        font-size: 0.8rem !important;
    }

    .list_select_btn {
        line-height: 110%;
    }

    .bordered_table_container.remittee .bordered_table_heading_col04,
    .bordered_table_container.remittee .bordered_table_body_col04 {
        font-size: .9rem !important;
        min-height: 60px;
    }

    .bordered_table_container.remittee .bordered_table_body_col04 {
        white-space: normal;
    }

    .bordered_table_container.remittee .bordered_table_heading_col04 strong {
        font-size: .9rem;
    }
}

@media screen and (max-width: 620px) {
    #upload_example_img {
        width: 95%;
        height: 160px;
    }
    .content {
        display: block;
    }
    #wide_wrap {
        display: flex;
    }
}

@media screen and (max-width: 550px) {
    .layer_clearfix.id.center.space {
        flex-direction: column;
        align-items: center;
    }

    .identi_box figure img { padding:0; background:none; border:0; width:85%;}
}

@media screen and (max-width: 450px) {
    #logo {
        display: none;
    }

    #min_logo {
        display: none;
    }

    #mark_logo {
        display: block !important;
        margin-top: 0.3em;
        min-height: 2em;
        text-align: center;
    }

    .sns-set {
        align-items: center;
        justify-content: center;
        flex-direction: column;
        display: flex !important;
    }

    .sns-card {
        width: 30%;
    }

    .navi_help > a:before {
        left: 33%;
    }
}

@media screen and (max-width: 400px) {
    #logo {
        display: none;
    }

    #min_logo {
        display: none !important;
    }

    #mark_logo {
        display: block !important;
        margin-top: 0.3em;
        min-height: 2em;
    }
}