#company {
    background-color: #d5e2ef;

    position: relative;
    width: 100%;
    min-width: 980px;
    padding-top: 130px;
}

.company-container {
    position: relative;
    width: 980px;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
}

.company-main {
    display: table;
    margin: 0 auto;
    padding-bottom: 40px;
}

.company-top {
    width: 202px;
    height: 42px;
    margin: 40px 0;
}

.company-main dl {
    font-size: 1.6rem;
    white-space: nowrap;

    width: 100%;
    margin: 20px 0;
}

.company-main dt {
    text-align: left;

    float: left;
    width: 140px;
    height: 42px;
}

.company-label {
    background-color: #066fb6;
    color: #ffffff;
    line-height: 2.6rem;
    text-align: center;

    width: 120px;
    padding-top: 10px;
}

.company-label::after {
    background-color: #066fb6;
    border-top: solid 10px #066fb6;
    border-right: solid 10px #d5e2ef;
    color: #ffffff;

    content: '';

    display: block;
    position: relative;
    top: 100%;
    left: 0;
    width: calc(100% - 10px);
    height: 0;
}

.company-main dd {
    height: 42px;
    margin-bottom: 15px;
    padding-top: 5px;
    text-align: left;

    transform: translateY(10px);
}

#notation {
    background-color: #ffffff;

    position: relative;
    width: 100%;
    min-width: 980px;
    padding-top: 40px;
}

.notation-container {
    position: relative;
    width: 980px;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
}

.notation-container h2 {
    color: #066fb6;
    font-size: 4rem;
    line-height: 6rem;

    position: relative;
    visibility: visible;
}

.notation-container table {
    border: 2px solid #066fb6;
    border-collapse: collapse;

    width: 80%;
    margin: 0 auto;
}

.notation-container td {
    background-color: #066fb6;

    font-size: 1.8rem;

    padding: 10px 20px;
}

.notation-container td:first-child {
    border-left: 2px solid #066fb6;
    border-bottom: 2px solid #ffffff;
    color: #ffffff;
    text-align: center;
}

.notation-container td:last-child {
    border-bottom: 2px solid #066fb6;
    background-color: #ffffff;

    line-height: 2rem;

    text-align: left;
}

.notation-container tr:last-child td {
    border-bottom: 2px solid #066fb6;
}

#about {
    background-color: #ffffff;

    position: relative;
    width: 100%;
    min-width: 980px;
    padding-top: 40px;
}

.about-container {
    position: relative;
    width: 980px;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
}

.about-main {
    display: table;
    padding-bottom: 80px;
}

.about-copyright {
    color: #066fb6;
    font-size: 1.2rem;
    letter-spacing: 0;

    padding: 20px 0 80px;
}

.patternA {
    position: absolute;
    top: 150px;
    right: 120px;
    width: 82px;
    height: 82px;
}

.patternB {
    position: absolute;
    top: 250px;
    right: -120px;
    width: 237px;
    height: 222px;
}

.patternC {
    position: absolute;
    top: 640px;
    left: 0;
    width: 105px;
    height: 105px;
}

.patternD {
    position: absolute;
    top: 260px;
    right: -40px;
    width: 157px;
    height: 134px;
}

.patternE {
    position: absolute;
    top: 700px;
    left: 80px;
    width: 82px;
    height: 82px;
}

.patternF {
    position: absolute;
    top: 120px;
    right: 90px;
    width: 82px;
    height: 82px;
}

.patternG {
    position: absolute;
    top: 180px;
    right: -60px;
    width: 105px;
    height: 105px;
}