@charset "UTF-8";

/************************************************************
 * info_zenkoku_06.html 2021年4月1日以降の業務上交通費の精算区間の考え方について
 ************************************************************/

.my_side_holder, .res14-contents-sub {
	display: none;
}
.res14-contents {
	background-color: #fff;
	color: #444444;
}

#backgroundcolor{ background-color: white; }

.text_colP { color: #ff6bb3; }

/*PC_Parts
----------------------------*/
@media screen and (min-width: 641px) {
    .main_catch {
        background-color: #E1F1FA;
        padding: 20px;
    }
    .main_catch > h1 {
        font-size: 28px;
        color: #696969;
    }
    .sub_catch {
        font-size: 16px;
        text-align: center;
        margin: 30px 0;
        line-height: 1.8;
    }

    ._contents_area_inner > div > h2 {
        margin: 0 0 10px;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 1.4px;
        line-height: 1.6;
    }

    .nets_modules__box-type1 {
        border-radius: 4px;
    }
    ._contents_area_inner {
        padding: 20px 20px 0 20px;
    }
    ._contents_area_inner > h2:first-child {
        margin: 0 0 20px;
        padding-bottom: 5px;
        border-bottom: 1px solid #68B7E6;
        color: #68B7E6;
        font-size: 28px;
        font-weight: normal;
        letter-spacing: 1.4px;
        line-height: 1.6;
    }

    /* 通勤費についての表 */
    .commuting_expenses_costs {
        width: 100%;
        margin-bottom: 20px;
        border-collapse:separate;
        border-spacing: 0;
    }
    .commuting_expenses_costs th {
        width: 40%;
        padding: 25px 0;
        background: #f0f8fc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        color: #495d69;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
    }
    .commuting_expenses_costs th > span {
        display: block;
        padding-top: 5px;
        color: #696969;
        font-size: 12px;
        font-weight: normal;
    }
    .commuting_expenses_costs th:first-child{
        width: 20%;
      }

    .commuting_expenses_costs th:last-child{
        border-right: none;
      }
    .commuting_expenses_costs td {
        padding: 35px 30px;
        background: #fff;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        color: #495d69;
        line-height: 1.7;
    }
    .commuting_expenses_costs td:first-child {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
    }
    .commuting_expenses_costs td.txt_blue,
    .commuting_expenses_costs td .txt_blue {
        color: #68b7e6;
        font-size: 16px;
        font-weight: bold;
    }
    .commuting_expenses_costs td .txt_pink {
        color: #ff6bb3;
        font-size: 16px;
        font-weight: bold;
    }
    .commuting_expenses_costs td:last-child{
        border-right: none;
      }
}

/*SP_Parts
----------------------------*/
@media screen and (min-width: 0) and (max-width:640px) {
 .main_catch {
        background-color: #E1F1FA;
        padding: 20px;
    }
    .main_catch > h1 {
        font-size: 18px;
        color: #696969;
    }
    .sub_catch {
        font-size: 13px;
        padding: 20px 10px;
        border-bottom: 1px solid #e6e6e6;
        border-top: 1px solid #e6e6e6;
    }
    .nets_modules__box-type1 {
        border-radius: 4px;
    }
    ._contents_area_inner {
        padding: 20px 10px 0 10px;
    }
    ._contents_area_inner > div > h2 {
        margin: 0 0 10px;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 1.4px;
        line-height: 1.6;
    }
    ._contents_area_inner img {
        width: 100%;
    }

    /* 通勤費についての表 SP */
    .commuting_expenses_costs {
        width: 100%;
        margin-bottom: 20px;
        border-collapse:separate;
        border-spacing: 0;
        table-layout: fixed;
    }
    .commuting_expenses_costs th {
        width: 100%;
        padding: 10px;
        background: #f0f8fc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        color: #495d69;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
    }
    .commuting_expenses_costs th > span {
        display: block;
        padding-top: 5px;
        color: #696969;
        font-size: 12px;
        font-weight: normal;
    }

    .commuting_expenses_costs th:last-child{
        border-right: none;
      }
    .commuting_expenses_costs td {
        width: 60%;
        padding: 10px;
        background: #fff;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        color: #495d69;
        line-height: 1.7;
    }
    .commuting_expenses_costs td:first-child {
        width: 40%;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
    }
    .commuting_expenses_costs td.txt_blue,
    .commuting_expenses_costs td .txt_blue {
        color: #68b7e6;
        font-size: 13px;
        font-weight: bold;
    }
    .commuting_expenses_costs td .txt_pink {
        color: #ff6bb3;
        font-size: 13px;
        font-weight: bold;
    }
    .commuting_expenses_costs td:last-child{
        border-right: none;
      }
}

/* 業務上交通費の精算区間について表 PC*/
----------------------------*/
@media screen and (min-width: 641px) {
    .commuting_expenses_costs {
        width: 100%;
        margin-bottom: 20px;
        border-collapse:separate;
        border-spacing: 0;
    }
    .commuting_expenses_costs th {
        width: 40%;
        padding: 25px 0;
        background: #f0f8fc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        color: #495d69;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
    }
    .commuting_expenses_costs th > span {
        display: block;
        padding-top: 5px;
        color: #696969;
        font-size: 12px;
        font-weight: normal;
    }
    .commuting_expenses_costs th:first-child{
        width: 20%;
        }

    .commuting_expenses_costs th:last-child{
        border-right: none;
        }
    .commuting_expenses_costs td {
        padding: 35px 30px;
        background: #fff;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        color: #495d69;
        line-height: 1.7;
    }
    .commuting_expenses_costs td:first-child {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
    }
    .commuting_expenses_costs td.txt_blue,
    .commuting_expenses_costs td .txt_blue {
        color: #68b7e6;
        font-size: 16px;
        font-weight: bold;
    }
    .commuting_expenses_costs td .txt_pink {
        color: #ff6bb3;
        font-size: 16px;
        font-weight: bold;
    }
    .commuting_expenses_costs td:last-child{
        border-right: none;
        }
}


/* 業務上交通費の精算区間について表 SP*/

@media screen and (min-width: 0) and (max-width:640px) {
    /* 通勤費についての表 SP */
    .commuting_expenses_costs {
        width: 100%;
        margin-bottom: 20px;
        border-collapse:separate;
        border-spacing: 0;
        table-layout: fixed;
    }
    .commuting_expenses_costs th {
        width: 100%;
        padding: 10px;
        background: #f0f8fc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        color: #495d69;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
    }
    .commuting_expenses_costs th > span {
        display: block;
        padding-top: 5px;
        color: #696969;
        font-size: 12px;
        font-weight: normal;
    }

    .commuting_expenses_costs th:last-child{
        border-right: none;
    }
    .commuting_expenses_costs td {
        width: 70%;
        padding: 10px;
        background: #fff;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        color: #495d69;
        line-height: 1.7;
    }
    .commuting_expenses_costs td.border_space {
        border-bottom: none;
    }
    .commuting_expenses_costs td:first-child {
        width: 30%;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
    }
    .commuting_expenses_costs td.txt_blue,
    .commuting_expenses_costs td .txt_blue {
        color: #68b7e6;
        font-size: 13px;
        font-weight: bold;
    }
    .commuting_expenses_costs td .txt_pink {
        color: #ff6bb3;
        font-size: 13px;
        font-weight: bold;
    }
    .commuting_expenses_costs td:last-child{
        border-right: none;
    }
}