﻿@charset "UTF-8";


* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    list-style: none;

}

img {

    box-sizing: border-box;

}

a {

    text-decoration: none;

}


#nonfarm .section,
#n-1 .section,
#outputcontrol .section {
    margin-top: -39px;
    padding-top: 69px;
} 
@media screen and (max-width: 767px){

    #nonfarm .section,
    #n-1 .section,
    #outputcontrol .section {
        margin-top: -18px !important;
        padding-top: 52px !important;
    }
}
h2.bg_blue {
    background: #29a6d4;
    color: #fff !important;
    padding: 4px 10px 2px;
}
.list-column {
}


a p .txt {

    line-height: 1.4;

    display: block;

    width: 100%;

}

.pad-1em {
    padding-left: 1em !important;
    padding-right: 1em !important;
}
#tbContainer {
    margin-bottom: 10px;
}
#tbContainer table {
    margin: 1em 0;
    width: 100%;
    border-collapse: collapse;
}
#tbContainer th {
    padding: 10px;
    border: 1px solid #ccc;
    background: #787878;
    color: #fff;
    text-align: center;
    font-weight: normal;
}
#tbContainer td {
    padding: 0.6em;
    border: 1px solid #ccc;
    text-align: center;
}
.mark-square {
    padding-left: 1em;
    position: relative;
}
.mark-square::before {
    content: "■";
    position: absolute;
    top:0;
    left:0
}
.bg_gray {
    background: #f5f6f8;
}
.w20 {
    width: 20%;
}
.w40 {
    width: 40%;
}
@media screen and (min-width: 768px){

    #tbContainer.tb01 {
        width: 600px;
    }
    #tbContainer.tb01 th {
        width: 50%;
    }
    #tbContainer.tb02 {
        width: 730px;
    }
    #tbContainer.tb02 th {
        width: 40%;
    }
    #tbContainer.tb02 th:first-child {
        width: 20%;
    }
}
@media screen and (max-width: 767px){

    #outputcontrol ul li.pad-r1em {
        padding-right: 1em;
    }
    #tbContainer {
        width: 100%;
    }
}