@import "global.css";
@import "header.css";
@import "footer.css";

.page-index .page-index-carousel--bg {
    height: 60rem;
    background-image: url("../image/index/carousel.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.page-index .page-index-carousel--bg .content {
    height: 100%;
}

.page-index .page-index-carousel--bg .index-carousel-main {
    width: 100%;
    height: 100%;
}

.page-index .page-index-carousel--bg table {
    width: 100%;
}

.page-index .page-index-carousel--bg table tbody tr td img {
    height: 60rem;
}

.page-index .page-index-main--bg .page-index-row--1 {
    background-color: #ffffff;
}

.page-index .page-index-main--bg .page-index-row--2 {
    background-color: #edf2f8;
}

.page-index .page-index-main--bg .page-index-audit {
    display: flex;
    box-sizing: border-box;
    padding: 5rem 0;
    align-items: stretch;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-box--1 {
    flex: 1 0;
    width: 0;
    margin: 0 2.5rem 0 0;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-box--2 {
    flex: 0 0 51rem;
    width: 0;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-box-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 1.3rem;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-box-top > h2 {
    font-size: 2.1rem;
    font-weight: normal;
    line-height: 1;
    color: #004a98;
    padding: 0;
    margin: 0;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-box-top .more {
    display: block;
    font-size: 1.3rem;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    color: #999999;
    white-space: nowrap;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-carousel {
    width: 100%;
    height: 50rem;
    position: relative;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-carousel .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 13rem;
    background-color: rgba(255, 218, 134, 0.9);
    padding: 2.2rem 1.9rem;
    font-size: 2.2rem;
    font-weight: normal;
    line-height: 4.3rem;
    color: #004a98;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-carousel table {
    width: 100%;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-carousel table tr:nth-of-type(1) td {
    width: auto !important;
    height: auto !important;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-carousel table tr:nth-of-type(1) td > div,
.page-index .page-index-main--bg .page-index-audit .page-index-audit-carousel table tr:nth-of-type(1) td > div div:nth-of-type(1),
.page-index .page-index-main--bg .page-index-audit .page-index-audit-carousel table tr:nth-of-type(1) td > div div:nth-of-type(1) div,
.page-index .page-index-main--bg .page-index-audit .page-index-audit-carousel table tr:nth-of-type(1) td > div div:nth-of-type(1) a,
.page-index .page-index-main--bg .page-index-audit .page-index-audit-carousel table tr:nth-of-type(1) td > div div:nth-of-type(1) img {
    display: block;
    text-decoration: none;
    box-sizing: border-box;
    width: 100% !important;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-carousel table tr:nth-of-type(1) td > div div:nth-of-type(2) {
    width: 100% !important;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-carousel table tr:nth-of-type(2) {
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    box-sizing: border-box !important;
    background-color: rgba(255, 218, 134, 0.9);
    padding: 2.2rem 1.9rem;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-carousel table tr:nth-of-type(2) td,
.page-index .page-index-main--bg .page-index-audit .page-index-audit-carousel table tr:nth-of-type(2) td > div,
.page-index .page-index-main--bg .page-index-audit .page-index-audit-carousel table tr:nth-of-type(2) td > div a {
    display: block;
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    text-align: left !important;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-carousel table tr:nth-of-type(2) td > div a {
    font-size: 2.2rem;
    font-weight: normal;
    line-height: 4.3rem;
    color: #004a98;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-card {
    width: 100%;
    height: 500px;
    background-color: rgba(8, 52, 139, 0.07);
    padding: 4.5rem 1.5rem 0;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-card .page-index-audit-card-row {
    display: flex;
    align-items: stretch;
    margin: 0 0 3.4rem;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-card .page-index-audit-card-row:last-child {
    margin: 0;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-card .page-index-audit-card-row .page-index-audit-card-line,
.page-index .page-index-main--bg .page-index-audit .page-index-audit-card .page-index-audit-card-row .page-index-audit-card-date {
    flex: 0 0 9rem;
    width: 0;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-card .page-index-audit-card-row .page-index-audit-card-line {
    height: 0.2rem;
    background-color: #004a98;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-card .page-index-audit-card-row .page-index-audit-card-date .txt1 {
    font-size: 2.5rem;
    line-height: 1;
    font-weight: normal;
    white-space: normal;
    padding: 0;
    color: #004a98;
    margin: 0 0 1rem;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-card .page-index-audit-card-row .page-index-audit-card-date .txt2 {
    font-size: 1.4rem;
    line-height: 1;
    font-weight: normal;
    white-space: normal;
    padding: 0;
    margin: 0;
    color: #004a98;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-card .page-index-audit-card-row .page-index-audit-card-desc {
    border-bottom: 0.1rem solid #ececec;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-card .page-index-audit-card-row .page-index-audit-card-desc > p {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #595757;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    cursor: pointer;
}

.page-index .page-index-main--bg .page-index-audit .page-index-audit-card .page-index-audit-card-row:hover .page-index-audit-card-desc > p {
    color: #004a98;
}

.page-index .page-index-main--bg .page-index-area {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 5rem 0;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-col {
    flex: 1 0;
    width: 0;
    margin: 0 4rem 0 0;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-col:last-child {
    margin: 0;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-col-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 2rem;
    border-left: 0.2rem solid #004a98;
    margin: 0 0 1.5rem;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-col-top > h2 {
    font-size: 2.1rem;
    font-weight: normal;
    line-height: 1;
    color: #004a98;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-col-top .more {
    display: block;
    font-size: 1.3rem;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    color: #999999;
    white-space: nowrap;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card {
    padding: 2.5rem 2rem;
    background-color: #ffffff;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card-row {
    display: flex;
    align-items: flex-start;
    margin: 0 0 3rem;
    cursor: pointer;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card-row:last-child {
    margin: 0;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card-row .page-index-area-card-row-date {
    flex: 0 0 7rem;
    width: 0;
    height: 7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card-row .page-index-area-card-row-date .txt1 {
    font-size: 2.5rem;
    line-height: 1;
    margin: 0 0 0.7rem;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card-row .page-index-area-card-row-date .txt2 {
    font-size: 1.4rem;
    line-height: 1;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card-row:nth-of-type(2n + 1) .page-index-area-card-row-date {
    background-color: #004a98;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card-row:nth-of-type(2n + 1) .page-index-area-card-row-date .txt1 {
    color: #ffffff;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card-row:nth-of-type(2n + 1) .page-index-area-card-row-date .txt2 {
    color: #ffffff;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card-row:nth-of-type(2n) .page-index-area-card-row-date {
    background-color: #ffe8b4;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card-row:nth-of-type(2n) .page-index-area-card-row-date .txt1 {
    color: #004a98;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card-row:nth-of-type(2n) .page-index-area-card-row-date .txt2 {
    color: #004a98;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card-row .page-index-area-card-row-main {
    flex: 1 0;
    width: 0;
    padding: 0 0 1.5rem 1.5rem;
    border-bottom: 0.1rem solid #ececec;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card-row .page-index-area-card-row-main > h3 {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 0 1rem;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card-row .page-index-area-card-row-main > p {
    font-size: 1.4rem;
    height: 4rem;
    line-height: 2rem;
    color: #595757;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card-row:hover .page-index-area-card-row-main > p {
    color: #004a98;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card .page-index-area-download-row {
    display: flex;
    text-decoration: none;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 1.5rem;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card .page-index-area-download-row > h3 {
    flex: 1 0;
    width: 0;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1;
    color: #595757;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card .page-index-area-download-row > p {
    flex: 0 1;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1;
    color: #595757;
    white-space: nowrap;
}

.page-index .page-index-main--bg .page-index-area .page-index-area-card .page-index-area-download-row:hover > h3,
.page-index .page-index-main--bg .page-index-area .page-index-area-card .page-index-area-download-row:hover > p {
    color: #004a98;
}