@charset "UTF-8";

.tbl_form, .tbl_form2 {
    width:100%;
    margin:0 auto;
    border:none;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-collapse: collapse;
    font-size:1.6rem;
}


.tbl_form th, .tbl_form td,
.tbl_form2 th, .tbl_form2 td {
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    padding:.8em;
    font-size:1.6rem;
    background:#FFF;
}


.tbl_form th {
    width:33%;
    font-weight: normal;
    background:#ecf8fd !important;
    text-align:left;
}


.tbl_form2 th {
    width:33%;
    font-weight: normal;
    background:#defaf9 !important;
    text-align:left;
}


.tbl_form th span.required,
.tbl_form2 th span.required {
    font-size:1.6rem;
    padding:0 50px 0 0;
    position:relative;
}


.tbl_form th span.required::after,
.tbl_form2 th span.required::after {
    content:"必須";
    font-size:1.2rem;
    padding:5px 10px;
    color:#FFF;
    background-color:brown;
    position:absolute;
    top:-2px;
    right:0;
    line-height:1;
}


.tbl_form td span.sample,
.tbl_form2 td span.sample {
    display:block;
    font-size:1.4rem;
    color:#666;
    padding:5px 0 0;
}


.tbl_form td input,
.tbl_form2 td input {
    font-size:1.6rem;
}


@media all and (max-width:560px) {
.tbl_form, .tbl_form2 {
    width:100%;
    margin:0 auto;
    border:none;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-collapse: collapse;
    font-size:1.4rem;
}

.tbl_form th, .tbl_form td,
.tbl_form2 th, .tbl_form2 td {
    display:block;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    padding:.8em;
    font-size:1.6rem;
    background:#FFF;
}
    
.tbl_form th {
    width:100%;
    font-weight: normal;
    background:#ecf8fd !important;
}


.tbl_form2 th {
    width:100%;
    font-weight: normal;
    background:#defaf9 !important;
}
}


.letter05res {
    width:5em;
}

.letter10res {
    width:10em;
}

.letter15res {
    width:15em;
}

.letter20res {
    width:20em;
}


@media all and (max-width:560px) {
.letter10res {
    width:100%;
}

.letter15res {
    width:100%;
}

.letter20res {
    width:100%;
}
}


.ttl_h5-1 {
    font-size:1.8rem;
    font-weight:normal;
    margin:0 0 10px;
    color:#448aca;
}


.ttl_h6-1 {
    font-size:1.6rem;
    font-weight:normal;
    margin:0;
    color:#FFF;
    padding:.7em;
    background:#448aca;
}

.ttl_h6-2 {
    font-size:1.6rem;
    font-weight:normal;
    margin:0;
    color:#FFF;
    padding:.7em;
    background-color:cadetblue;
}


.block_transfer {
    width:100%;
    padding:2em;
    position:relative;
    border:1px solid #CCC;
    background:#f1f2f2;
}

.block_trans_arrow {
    width:100%;
    height:50px;
    position:relative;
}


.block_trans_arrow::before {
    content:"";
    width:0;
    height:0;
    border-top:20px solid #002e73;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
}


.btn_addMember {
    font-size:1.6rem;
    text-align:center;
    padding:.7em 4em;
    border:1px solid #448aca;
    color:#448aca;
}


.btn_addMember i {
    font-size:1.6rem;
}


.btn_delMember {
    font-size:1.4rem;
    text-align:center;
    padding:1em 3em;
    border:1px solid #333;
    color:#333;
    background:#DDD;
}


.btn_delMember i {
    font-size:1.4rem;
}