@charset "Shift_JIS";

/* ==============================================================
    >>> str-contents.css
================================================================= */
body#type02 div#str-content.column-2 div#str-main{
    float:none;
    margin: 0 auto;
    width:910px;
}

ol.list-flow-02 {
    display: flex;
    justify-content: space-around;
}
ol.list-flow-02.rs_flow_list_width {
    width:85%;
}
ol.list-flow-02 li {
    margin-right: 0;
}

.rs_follow_bar {
    width: 183px;
    height: 52px;
}

.rs_follow_bar2 {
    width: 163px;
    height: 52px;
}

.rs_email_width {
    width: 70%;
}

table.tbl-data-02 td.rs_input_border_style {
    border-top-style: none;
    border-left-style: none;
}

table.tbl-data-02 td.rs_border_left_style {
    border-left-style: none;
}

.rs_btn_padding_right {
    padding-right: 150px;
}

ul.list-btn-01 li.rs_list_btn_padding_right {
    padding-right: 150px;
}

table.tbl-data-01 th.rs_th_style_mb_hidden {
    padding-top: 20px;
    vertical-align: text-top;
}

table.tbl-data-01 th.rs_th_style_pc_hidden {
    display: none;
}

div.rs_box_caution_margin {
    margin:50px 50px 50px 50px;
}

div.rs_label_adrphflg_content:after {
    white-space: pre;
    content: "右記に入力いただいた\A内容へ変更いたします";
}

div.rs_label_contractor_content:after {
    white-space: pre;
    font-size: 90%;
    content: "※契約者の住所のみ変更可能";
}

div.rs_qa_button_style {
    text-align: right;
}

.rs_textarea_width {
    width: 99%;
}

.rs_textarea_width2 {
    width: 100%;
}

div.rs_cr_content_pc_hidden {
    display: none;
}

span.rs_hyphen_space_content::after {
    white-space: pre-wrap;
    content: " -";
}

div.rs_p_content_pc_hidden {
    display: none;
}

p.rs_p_indent2 {
    margin-bottom: unset;
}

/* ==============================================================
    >>> RA003_AppNewConfirmPage.page
================================================================= */
.ProSelTable {
    border:0;
    /*cellspacing:0;*/
    width:100%;
    table-layout: fixed;
  }
  .ProSelTable th {
    width:22%;
  }

/*@media screen and (max-width: 737px) {*/
/*@media screen and (max-width: 959px) {*/
@media screen and (max-width: 768px) {
    /* original */
    .rs_follow_bar {
        width: 92px;
        height: 36px;
    }
    .rs_follow_bar2 {
        width: 92px;
        height: 36px;
    }
    .rs_hidden {
        display: none;
    }

    table.tbl-data-01 td.rs_hidden {
        display: none;
    }

    .rs_email_width {
        width: 100%;
    }

    .rs_list_btn_margin_bottom {
        margin-bottom: 20px;
    }

    table.tbl-data-02{
        margin-bottom:20px;
        border-bottom:none;
        border-right:1px solid #e2e2e2;
        border-collapse:separate;
        border-spacing:0;
        text-align:left;
        vertical-align:top;
        font-size:unset;
    }
        
    table.tbl-data-02 td.rs_input_border_style {
        border-top-style: none;
        border-left: 1px solid #e2e2e2;
    }
    
    table.tbl-data-02 td.rs_border_left_style {
        border-top-style: none;
        border-left: 1px solid #e2e2e2;
    }
    
    table.tbl-data-02 td.rs_border_bottom_style {
        border-bottom: 1px solid #e2e2e2;
    }
    
    table.tbl-data-02 tr.rs_border_bottom_style {
        border-bottom: 1px solid #e2e2e2;
    }
    
    table.tbl-data-02 td.rs_cancel_border_style {
        border-left: none;
        border-right: none;
    }
    
    .rs_btn_padding_right {
        padding-right: unset;
    }
    
    #str-main ul.list-btn-01 li.rs_list_btn_padding_right {
        padding-right: unset;
        display: list-item;
        margin: unset;
    }
    
    dl.rs_list_data_width {
        margin-left: auto;
        margin-right: auto;
        width: 360px;
    }
    
    table.tbl-data-01{
        margin-bottom:20px;
        border-bottom:none;
        border-right:1px solid #e2e2e2;
        border-collapse:separate;
        border-spacing:0;
        text-align:left;
        vertical-align:top;
        font-size:unset;
    }
        
    table.tbl-data-01 th.rs_th_style_mb_hidden {
        display: none;
    }
    
    table.tbl-data-01 th.rs_th_style_pc_hidden {
        display: block;
        text-align: unset;
    }
    
    table.tbl-data-01 th.rs_th_style_mb_mycomment_text_align {
        text-align: right;
    }
    
    div.rs_box_caution_margin {
        margin:50px 10px 50px 10px;
    }

    div.box-caution-01 {
        background:#FFF2F0;
    }

    div.rs_label_adrphflg_content:after {
        white-space: pre-wrap;
        content: "下記に入力いただいた内容へ変更いたします";
    }

    /* font size */
    body {
        -webkit-text-size-adjust: 100%;
        font-size: unset;
    }

    p{
        font-size: unset;
    }

    ul.list-caution-01 li{
        font-size: unset;
        color:#D70C18;
    }

    h1.hdg-l1-01{
        font-size:112.50%;
        background:#F0F0F0;
    }

    h1.hdg-l1-02{
        font-size:112.50%;
        background:#E3F6FF;
    }

    h2.hdg-l2-02{
        font-size:112.50%;
    }

    dl.list-normal-01 dt{
        font-size:unset;
    }

    dl.list-normal-01 dd{
        font-size:unset;
    }
        
    table.tbl-data-03{
        font-size:unset;
    }

    div.box-normal-03{
        background:#E3F6FF;
    }

    table.tbl-data-03 tbody tr.even td{
        background:#F0F0F0;
    }

    input[type="button"],
    input[type="submit"] {
        -webkit-appearance: none;
    }

    input[type="button"],
    input[type="submit"] {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        font-size: unset;
        height: 44px;
        width: 90%;
        min-width: 200px;
        max-width: 600px;
        font-weight: bolder;
        border: 1px solid #DBDBDB;
        background: #f6f8f9;
        background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
        background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
        background: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
    }

    input.rs_qa_button_style {
        min-width: 80px;
        width: 30%;
    }

    input.rs_search_button_style {
        width: 40%;
        min-width: 100px;
        color: rgb(0, 0, 0);
    }
    
    input.rs_search_button_style:disabled {
        color: rgb(170, 170, 170);
    }

    div.rs_qa_button_style {
        margin-bottom: 10px;
    }

    .rs_checkbox_scale_big {
        transform: matrix(1.5, 0, 0, 1.5, 0, 0);
    }

    table.tbl-data-02 input[type="checkbox"] {
        transform: matrix(1.5, 0, 0, 1.5, 0, 0);
        margin: 10px;
    }
    
    table.tbl-data-02 input[type="text"] {
        font-size: unset;
        font-family: inherit;
    }

    textarea {
        font-size: unset;
        font-family: inherit;
    }

    .rs_textarea_width,
    .rs_textarea_width2 {
        width: 93%;
    }

    table.tbl-data-02 td.rs_input_border_style {
        font-size: unset;
    }

    #str-main ul.list-btn-01 li {
        font-size: unset;
    }

    dl.list-data-01 dt {
        font-size:112.50%;
    }

    dl.list-data-01 dd {
        font-size:112.50%;
    }

    div.rs_cr_content_pc_hidden {
        display: block;
        margin-bottom: 20px;
        /*content: "";*/
    }
    
    input.rs_btn_search_margin {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    input.rs_width_maxlength_2 {
        width: 1.3em;
    }

    input.rs_width_maxlength_3 {
        width: 2.0em;
    }

    input.rs_width_maxlength_4 {
        width: 3.0em;
    }

    input.rs_width_maxlength_6 {
        width: 5.0em;
    }

    .mt50 {margin-top:20px!important;}
    
    span.rs_hyphen_space_content::after {
        white-space: pre-wrap;
        content: " - ";
    }

    p.rs_p_content_mb_hidden {
        display: none;
    }

    div.rs_p_content_pc_hidden {
        display: block;
    }
    
    p.rs_p_indent {
        margin-bottom: unset;
        margin-left: 0.5em;
        text-indent: -1em;
        padding-left: 1em;
    }

    p.rs_p_indent2,
    li.rs_p_indent2 {
        margin-bottom: unset;
        /*margin-left: 0.5em;*/
        text-indent: -0.7em;
        padding-left: 0.7em;
    }

    table.tbl-data-02 td.rs_p_indent2 {
        margin-bottom: unset;
        text-indent:  -0.5em;
        padding-left: 1.2em;
    }
    
    p.rs_p_indent3,
    li.rs_p_indent3 {
        margin-bottom: unset;
        /*text-indent: -0.7em;*/
        padding-left: 0.7em;
    }

    /* ==============================================================
        >>> module.css
    ================================================================= */
    ol.list-flow-02 {
        padding: 38px 0 48px 15px;
    }
    ol.list-flow-02.rs_flow_list_width {
        width:95%;
    }
    ol.list-flow-02 li {
        padding-top: 8px;
    }

    /* ------------------ tbl02 ------------------ */
    table.tbl-data-02 colgroup {
        display: none;
    }
    table.tbl-data-02 th,
    table.tbl-data-02 td {
        display: block;
        padding:1px 10px;
        /* width: 95%; */
        /* border-right: 1px solid #e2e2e2; */
    }
    table.tbl-data-02 td input.rs_line_input {
        width: 95%;
    }

    table.tbl-data-02 td input.rs_line_input2 {
        width: 80%;
        margin-right: 3px;
    }

    table.tbl-data-02 tr.display_mb {
        display: flex;
        /*border-bottom:1px solid #e2e2e2;*/
    }

    table.tbl-data-02 td.display_mb {
        width: 100%;
        border-bottom:unset;
    }

    /* ------------------ tbl03 ------------------ */
    table.tbl-data-03 colgroup,
    table.tbl-data-03 thead {
        display: none;
    }

    table.tbl-data-03 th,
    table.tbl-data-03 td:not(.alignC) {
        display: block;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    table.tbl-data-03 td {
        text-align: right;
    }
    table.tbl-data-03 td.alignC {
        width: 10%;
    }

    table.tbl-data-03 td::before {
        content: attr(data-label);
        float: left;
        margin-right: 20px;
    }
    table.tbl-data-03 td::after {
        content: '\A';
        white-space: pre;
    }

    /* ------------------ tbl01 ------------------ */
    table.tbl-data-01 colgroup,
    table.tbl-data-01 thead {
        display: none;
    }

    table.tbl-data-01 th,
    table.tbl-data-01 td {
        display: block;
        padding: 5px 20px;
    }

    table.tbl-data-01 td::before {
        content: attr(data-label);
        float: left;
        margin-right: 20px;
    }
    table.tbl-data-01 td::after {
        /*content: '\A';*/
        white-space: pre;
    }

    /*h1.hdg-l1-02{
        margin-bottom:5px;
    }*/

    /* ==============================================================
        >>> str-contents.css
    ================================================================= */
    /* ----------------------------------------------------------------
    Structure= Container
    ----------------------------------------------------------------- */
    div#str-container{
        margin:0 auto;
        width:95%;
    }

    body#type02 div#str-container{
        margin:0 auto;
        width: 95%;
    }

    /* ----------------------------------------------------------------
        Structure= Main Contents
    ----------------------------------------------------------------- */
    div#str-main{
        margin: 0 auto;
    }
    body#type02 div#str-content.column-2 div#str-main{
        /* float:right; */
        width:100%;
    }

    /* ==============================================================
        >>> str-header.css
    ================================================================= */
    /* ----------------------------------------------------------------
        Structure= Header
    ----------------------------------------------------------------- */
    div#str-header div#lyt-description p#pgf-description{
        margin:0 auto;
        width:100%;
    }
    div#str-header div#str-header-inner{
        margin:0 auto;
        width:100%;
    }
    /* ----------------------------------------------------------------
        Pattern
    ----------------------------------------------------------------- */
    body#type02 div#str-header div#lyt-description p#pgf-description{
        width:100%;
    }

    body#type02 div#str-header div#str-header-inner{
        width: 100%;
    }

    /* ==============================================================
        >>> str-footer.css
    ================================================================= */
    /* ----------------------------------------------------------------
        Structure= Header
    ----------------------------------------------------------------- */
    div#str-footer ul.nav-footer-01{
        margin:0 auto 5px;
        width:100%;
        text-align:right;
    }

    /* ==============================================================
        >>> common.css
    ================================================================= */
    /*table.tbl-data-01 th {
        display: none;
    }*/

    /*.ra_says {
        width: 100%;
    }*/
    .ra_says {
        background: #F0F0F0;
    }
    .ra_says:after {
        border-right:18px solid #F0F0F0;
    }
    .ra_says p {
        width: 100%;
    }
    div.ra_says:before {
        /*content: "弊社からの連絡内容\A"attr(data-daylabel);*/
        white-space: pre;
    }

    .ra_mycomment {
        width: 100%;
        margin: unset;
    }
    .ra_mycomment p {
        /*width: 90%;*/
        font-size: unset;
    }
    div.ra_mycomment:before {
        /*content: "ご回答またはお問い合わせ\A"attr(data-daylabel);*/
        white-space: pre;
    }

    /* ==============================================================
        >>> RA003_AppNewConfirmPage.page
    ================================================================= */
    .ProSelTable th {
        width:unset;
    }

}